.star___xE7To i{
height:14px;
width:14px}
.full___mY4nc path,.half___cJID0 path:last-child{
fill:#109d57}
.installBtn___BWyGM{
align-items:center;
background:#109d57;
border-radius:2px;
color:#f3f3f3;
display:flex;
font-size:17px;
font-weight:500;
height:44px;
justify-content:center;
text-align:center;
text-decoration:none;
width:120px}
.overlay___y0qgu{
bottom:auto;
display:flex;
flex:1;
flex-direction:column;
left:0;
min-height:100%;
position:fixed;
right:0;
top:0;
width:100%;
z-index:1001}
.outside___ZaVNm{
background:#000c;
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.SmartBannerMob___dGyyU{
background:#f5f5f5;
bottom:0;
height:148px;
padding:16px;
position:fixed;
width:100%}
.SmartBannerMob___dGyyU .wrap___Z7_9u{
align-items:center;
display:flex;
height:50%;
justify-content:space-between;
width:100%}
.SmartBannerMob___dGyyU .headerSmb___JJCJz{
height:50%;
width:100%}
.SmartBannerMob___dGyyU .headerSmb___JJCJz .logo___PB3ER{
border-radius:5px;
float:left;
height:48px;
margin-right:16px;
width:48px}
.SmartBannerMob___dGyyU .headerSmb___JJCJz .name___pFH3_{
color:#323334;
font-size:18px;
font-weight:700;
margin-bottom:10px}
.SmartBannerMob___dGyyU .headerSmb___JJCJz .rating___nAcDa{
align-items:unset;
display:flex;
height:16px;
justify-content:space-between;
width:80px}
.SmartBannerMob___dGyyU .install___KDdLR{
align-items:flex-end;
display:flex;
height:50%;
justify-content:space-between}
.SmartBannerMob___dGyyU .install___KDdLR i{
height:44px;
width:97px}
.popupClose___J7DAI{
align-items:center;
background:none;
bottom:auto;
display:flex;
height:14px;
justify-content:center;
left:auto;
overflow:hidden;
position:absolute;
right:16px;
top:16px;
width:14px;
z-index:2}
.withSmartBannerMob___kPHyV{
position:fixed;
width:100%}
.star___dfz9U{
align-items:center;
display:flex;
flex-flow:row nowrap;
height:10px;
justify-content:center;
margin-right:1px;
position:relative;
width:9px}
.star___dfz9U i{
height:100%;
width:100%}
.full___lHs8t path,.half___d2rdm .starIosLeft{
fill:#f1a33b}
.installBtn___YFpie{
align-items:center;
background:none;
border-radius:2px;
color:#367af6;
display:flex;
font-size:18px;
justify-content:center;
letter-spacing:-.03em;
line-height:32px;
margin-left:auto;
text-align:center;
text-decoration:none;
width:auto}
.smartBanner___S5S9i{
align-items:center;
background:#1c1c1d;
border-bottom:.33px solid #bdbdc2;
box-sizing:border-box;
display:flex;
flex-flow:row nowrap;
height:80px;
justify-content:flex-start;
left:0;
padding:0 16px 0 9px;
position:fixed;
right:0;
top:0;
z-index:10}
.smartBanner___S5S9i .closeBtn___piMrM{
background:none;
box-sizing:border-box;
height:24px;
margin-right:1px;
position:relative;
width:24px}
.smartBanner___S5S9i .closeBtn___piMrM:after,.smartBanner___S5S9i .closeBtn___piMrM:before{
background:#bbbbc0;
border-radius:2px;
content:"";
height:1px;
left:50%;
position:absolute;
top:50%;
width:12px}
.smartBanner___S5S9i .closeBtn___piMrM:before{
transform:translate(-50%,-50%) rotate(50deg)}
.smartBanner___S5S9i .closeBtn___piMrM:after{
transform:translate(-50%,-50%) rotate(-50deg)}
.smartBanner___S5S9i .logo___IUTif{
border-radius:14px;
flex-shrink:0;
height:62px;
margin-right:8px;
object-fit:cover;
overflow:hidden;
width:62px}
.smartBanner___S5S9i .info___HKDO6{
height:100%;
padding:9px 0}
.smartBanner___S5S9i .info___HKDO6 .author___wPOIf,.smartBanner___S5S9i .info___HKDO6 .name___pH4g3,.smartBanner___S5S9i .info___HKDO6 .prize___eP0Bf{
display:block}
.smartBanner___S5S9i .info___HKDO6 .author___wPOIf,.smartBanner___S5S9i .info___HKDO6 .prize___eP0Bf{
color:#98989e}
.smartBanner___S5S9i .info___HKDO6 .name___pH4g3{
color:#fff;
font-size:13px;
line-height:14px;
margin:4px 0 2px}
.smartBanner___S5S9i .info___HKDO6 .author___wPOIf{
font-size:11px;
line-height:13px;
margin-bottom:2px}
.smartBanner___S5S9i .info___HKDO6 .rating___osMmR{
display:flex}
.smartBanner___S5S9i .info___HKDO6 .prize___eP0Bf{
font-size:12px;
line-height:12px}
@media(prefers-color-scheme:light){
.smartBanner___S5S9i{
background:#f1f1f6}
.smartBanner___S5S9i .closeBtn___piMrM:after,.smartBanner___S5S9i .closeBtn___piMrM:before{
background:#bbbbc0}
.smartBanner___S5S9i .info___HKDO6 .name___pH4g3{
color:#000}
.smartBanner___S5S9i .info___HKDO6 .author___wPOIf{
color:#848489}
.smartBanner___S5S9i .info___HKDO6 .prize___eP0Bf{
color:#89898e}
}
.smartBannerShown___Hj7ST{
display:flex;
flex-direction:column}
.smartBannerShown___Hj7ST #root{
transform:translateY(80px)}
.button___cTBkF,.loginButton___LlRzO{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___cTBkF.disabled___ZODnj,.button___cTBkF:disabled,.disabled___ZODnj.loginButton___LlRzO,.loginButton___LlRzO:disabled{
pointer-events:none}
.loginButton___LlRzO,.sm___I9vzI{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.md___MveW1{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.loginButton___LlRzO,.primary___R6mQU{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.loginButton___LlRzO:not(.isMobile____OKo9):hover,.primary___R6mQU:not(.isMobile____OKo9):hover{
background-color:#ff4d53;
box-shadow:none}
.disabled___ZODnj.loginButton___LlRzO,.loginButton___LlRzO:disabled,.primary___R6mQU.disabled___ZODnj,.primary___R6mQU:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___CqDQi{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___CqDQi:not(.isMobile____OKo9):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___CqDQi.disabled___ZODnj,.white___CqDQi:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___VOYcF{
border:2px solid #303747;
color:#fff}
.secondary___VOYcF:not(.isMobile____OKo9):hover{
background-color:#303747}
.secondary___VOYcF.disabled___ZODnj,.secondary___VOYcF:disabled{
color:#fff6}
.secondaryWhite___kPc_q{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___kPc_q:not(.isMobile____OKo9):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___kPc_q.disabled___ZODnj,.secondaryWhite___kPc_q:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___TksP2{
background-color:#e2e3e5;
color:#234183}
.filter___TksP2.active___iHfOb,.filter___TksP2:not(.isMobile____OKo9):hover{
background-color:#fff;
color:#f23138}
.icon___vHFms{
background-color:#0075ff;
color:#fff}
.icon___vHFms.disabled___ZODnj,.icon___vHFms:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.header___TdQ7L{
z-index:999}
.header___TdQ7L.secretMirror___yzYr2 .headerInner___iIIvR{
justify-content:flex-end}
.headerInner___iIIvR{
align-items:center;
background-color:#192133;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:64px;
justify-content:space-between;
padding:0 16px}
.loginButton___LlRzO{
font-size:12px;
font-weight:500;
line-height:18px;
padding:0 18px}
.headerElementAction___UwnA9{
display:flex;
justify-content:flex-end}
.headerElementBox___CYDmb{
display:flex}
.headerElementBox___CYDmb .svgIcon___wm39P:not(:last-child){
margin-right:16px}
.svgIcon___wm39P{
align-items:center;
background:#0000;
box-shadow:none;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
padding:0;
position:relative}
.svgIcon___wm39P svg{
height:24px;
width:24px}
.notification___RWOMZ{
background-color:#f23138;
border-radius:50%;
height:7px;
position:absolute;
right:0;
top:0;
width:7px}
.headerLogo___AXOKD{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:100%;
justify-content:center}
.headerLogo___AXOKD img,.headerLogo___AXOKD svg{
max-width:160px}
.localeMobHeaderSelect___bbWcK{
margin:0 0 0 auto;
order:2}
.localeMobHeaderSelect___bbWcK~.headerLogo___AXOKD{
margin-left:18px;
order:1}
.localeMobHeaderSelect___bbWcK~.headerLogo___AXOKD img,.localeMobHeaderSelect___bbWcK~.headerLogo___AXOKD svg{
max-width:100px}
.localeMobHeaderSelect___bbWcK~.headerElementAction___UwnA9{
order:3}
@media screen and (min-width:360px){
.localeMobHeaderSelect___bbWcK{
margin-right:0}
}
.localeSelect___Z5UDy{
display:inline-block;
position:relative}
.localeSelect___Z5UDy .withBorder___foUZy{
border:1px solid #303747;
border-radius:24px}
.localeSelect___Z5UDy .withoutFlag___pEiD0{
padding-left:12px}
.localeSelect___Z5UDy .withoutFlag___pEiD0 .localeName___y4I7n{
margin-left:0}
.localeSelect___Z5UDy .localeName___y4I7n{
color:#fff}
.localeSelect___Z5UDy .localeName___y4I7n .name___tdH6d{
display:inline}
.localeSelect___Z5UDy .arrow___IF8V2{
fill:#fff}
.localeSelect___Z5UDy .localeList___sZ2gI{
background-color:#fff;
box-shadow:none}
.currentLocale___aNh1a{
align-items:center;
cursor:pointer;
display:inline-flex;
padding:8px 8px 8px 17px;
transition:background-color .3s}
.localeFlag___pV6bc{
border-radius:2px;
display:inline-block;
margin-right:14px;
width:22px}
.localeName___y4I7n{
color:#fff;
display:inline-block;
font-size:14px;
font-weight:400;
line-height:24px}
.localeName___y4I7n.current___IXh67{
font-weight:500}
.arrow___IF8V2{
display:inline-block;
height:24px;
margin-left:3px;
transform:rotate(0deg);
transition:transform .2s;
width:24px}
.arrow___IF8V2.opened___Jo92M{
transform:rotate(180deg)}
.localeList___sZ2gI{
border-radius:8px;
box-shadow:0 4px 4px #00000040;
min-width:144px;
opacity:0;
position:absolute;
right:0;
transition:opacity .3s;
width:max-content;
z-index:1000}
.localeList___sZ2gI:before{
border:6px solid #0000;
content:"";
position:absolute;
right:14px}
.localeList___sZ2gI[class*=bottom]{
right:8px;
top:calc(100% + 2px)}
.localeList___sZ2gI[class*=bottom]:before{
border-bottom:6px solid #fff;
bottom:100%}
.localeList___sZ2gI[class*=top]{
bottom:calc(100% + 5px)}
.localeList___sZ2gI[class*=top]:before{
border-top:6px solid #fff;
top:100%}
.localeList___sZ2gI[class*=topRight]{
bottom:calc(100% + 5px);
left:0;
right:auto}
.localeList___sZ2gI[class*=topRight]:before{
border-top:6px solid #fff;
left:8px;
right:auto;
top:100%}
.localeItem___Tc871{
align-items:center;
background-color:#fff;
cursor:pointer;
display:flex;
justify-content:space-between;
padding:6px 16px;
white-space:nowrap}
.localeItem___Tc871 .localeName___y4I7n{
color:#121213;
margin-left:0}
.localeItem___Tc871 .checkIcon___qNO4m{
height:24px;
margin-right:-8px;
width:24px}
.localeItem___Tc871 .checkIcon___qNO4m path{
fill:#f23138}
.localeItem___Tc871:hover{
background-color:#f1f3f5}
.localeItem___Tc871:first-child{
border-top-left-radius:8px;
border-top-right-radius:8px;
padding:12px 16px 10px}
.localeItem___Tc871:last-child{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
padding:10px 16px 12px}
.localeSelect___Z5UDy .localeItemsListContainer-enter-active,.localeSelect___Z5UDy .localeItemsListContainer-enter-done{
opacity:1}
a.menu___vO68x,button.menu___vO68x{
align-items:normal;
background-color:#0000;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:24px;
justify-content:space-between;
min-width:auto;
padding:6px 3px;
width:24px}
a.menu___vO68x span,button.menu___vO68x span{
background-color:#fff;
border-radius:.5rem;
height:2px;
margin:0;
pointer-events:none;
width:100%}
.logo___Shs71{
display:inline-block}
.logo___Shs71 svg{
display:block}
.logo___Shs71>*{
pointer-events:none}
.customLogo___wDoSQ{
height:100%}
.customLogoImg___UjrCq{
height:100%;
object-fit:cover;
overflow:hidden;
width:132px}
.button___iw89b{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___iw89b.disabled___V2Asc,.button___iw89b:disabled{
pointer-events:none}
.sm___bkGEH{
font-size:14px;
height:32px;
padding:0 8px}
.md___wQGpG,.sm___bkGEH{
border-radius:24px;
font-weight:500}
.md___wQGpG{
font-size:16px;
height:48px;
padding:0 16px}
.primary___q94u3{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.primary___q94u3:not(.isMobile___YPwMT):hover{
background-color:#ff4d53;
box-shadow:none}
.primary___q94u3.disabled___V2Asc,.primary___q94u3:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___ni9b1{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___ni9b1:not(.isMobile___YPwMT):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___ni9b1.disabled___V2Asc,.white___ni9b1:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___TllwI{
border:2px solid #303747;
color:#fff}
.secondary___TllwI:not(.isMobile___YPwMT):hover{
background-color:#303747}
.secondary___TllwI.disabled___V2Asc,.secondary___TllwI:disabled{
color:#fff6}
.secondaryWhite____4Vlp{
border:2px solid #1921331a;
color:#000}
.secondaryWhite____4Vlp:not(.isMobile___YPwMT):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite____4Vlp.disabled___V2Asc,.secondaryWhite____4Vlp:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___pCQUs{
background-color:#e2e3e5;
color:#234183}
.filter___pCQUs.active___VrhWo,.filter___pCQUs:not(.isMobile___YPwMT):hover{
background-color:#fff;
color:#f23138}
.icon___Q_4qu{
background-color:#0075ff;
color:#fff}
.icon___Q_4qu.disabled___V2Asc,.icon___Q_4qu:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.tipsWrap___gWLJo{
position:relative;
z-index:99}
.tips_animation_show-enter{
opacity:0}
.tips_animation_show-enter-active{
opacity:1;
transition:opacity .3s,transform .3s}
.tips___kPA4q{
background:#fff;
border-radius:10px;
color:#000;
font-size:12px;
font-weight:400;
line-height:20px;
overflow:visible;
padding:13px 16px;
position:absolute;
transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);
white-space:normal;
width:100%;
z-index:9999}
.tips__left___L7fj5{
right:calc(100% + 7px);
top:-6px}
.tips__left___L7fj5:before{
border:6px solid #0000;
border-left-color:#fff;
content:"";
position:absolute;
right:-11px;
top:10px;
z-index:1}
.tips__right___Puozq{
left:calc(100% + 16px);
max-width:186px;
top:6px}
.tips__right___Puozq:after{
border:10px solid #0000;
border-right-color:#fff;
border-width:5px;
content:"";
left:0;
left:-9px;
position:absolute;
top:50%;
top:11px}
.tips__bottom___PhTED{
left:50%;
top:calc(100% + 11px);
transform:translateX(-50%)}
.tips__bottom___PhTED:before{
border:6px solid;
border-color:#0000 #0000 #fff;
content:"";
left:50%;
position:absolute;
top:-11px;
transform:translateX(-50%);
z-index:1}
.tips__top___yRDUb{
bottom:calc(100% + 11px);
left:50%;
transform:translateX(-50%)}
.tips__top___yRDUb:before{
border:6px solid;
border-color:#0000 #0000 #fff;
content:"";
left:50%;
position:absolute;
top:100%;
transform:rotate(180deg) translateX(-50%);
transform-origin:left}
.tips___kPA4q.tipsWidget___wnsiH{
background:#fff;
border-radius:8px;
filter:drop-shadow(0 0 4px rgba(4,3,35,.04)) drop-shadow(0 6px 12px rgba(42,40,129,.08));
left:calc(50% - 24px);
padding:10px 16px 8px;
pointer-events:auto;
top:calc(100% + 11px);
white-space:normal}
.tips___kPA4q.tipsSortList___ddwky{
background:#fff;
border-radius:10px;
box-shadow:0 2px 8px #00000080,inset 0 1px 0 #ffffff0d;
padding:0;
right:-10px;
top:3px;
white-space:normal}
.tips___kPA4q.tipsSortList___ddwky:after,.tips___kPA4q.tipsSortList___ddwky:before{
border-bottom:8px solid;
border-left:8px solid #0000;
border-right:8px solid #0000;
content:"";
height:0;
position:absolute;
right:16px;
top:-8px;
width:0}
.tips___kPA4q.tipsSortList___ddwky:after{
border-bottom-color:#fff;
z-index:99999}
.tips___kPA4q.tipsSortList___ddwky:before{
border-bottom-color:#ffffff80;
z-index:-1}
.tipsBonusInfo___XTBiG{
background:#fff;
border-radius:4px;
bottom:auto;
box-shadow:none;
box-sizing:border-box;
color:#121213cc;
font-size:12px;
font-weight:400;
left:auto;
line-height:18px;
padding:5px 16px;
position:absolute;
right:calc(100% - 75px);
text-align:center;
top:-37px;
width:127px;
z-index:0}
.tipsBonusInfo___XTBiG:after,.tipsBonusInfo___XTBiG:before{
border-top:10px}
.tipsBonusInfo___XTBiG:after{
background-image:none;
border:10px solid #0000;
border-top-color:#fff;
bottom:-18px;
content:"";
left:0;
margin-left:auto;
margin-right:auto;
position:absolute;
right:0;
text-align:center;
width:0}
.tipsInputInfoMob___E7I0g,.tipsInputInfo___xImcS{
background:#fff;
border-radius:4px;
bottom:auto;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
box-sizing:border-box;
color:#121213;
font-size:12px;
font-weight:400;
height:auto;
left:48px;
line-height:18px;
padding:16px;
position:absolute;
right:12px;
top:-8px;
width:273px;
z-index:0}
.tipsInputInfoMob___E7I0g:after,.tipsInputInfoMob___E7I0g:before,.tipsInputInfo___xImcS:after,.tipsInputInfo___xImcS:before{
border-top:8px}
.tipsInputInfoMob___E7I0g:after,.tipsInputInfo___xImcS:after{
background-image:none;
border:8px solid #0000;
border-right-color:#fff;
bottom:auto;
content:"";
left:-16px;
margin-right:auto;
position:absolute;
right:0;
text-align:center;
top:16px;
width:0;
z-index:0}
.tipsInputInfoMob___E7I0g{
bottom:auto;
left:-237px;
padding:8px 16px;
position:absolute;
right:auto;
top:-98px;
z-index:0}
.tipsInputInfoMob___E7I0g:after{
border:8px solid #0000;
border-top-color:#fff;
bottom:-16px;
left:auto;
position:absolute;
right:16px;
top:auto;
z-index:0}
.active___RbmA6{
visibility:visible}
.userBarBalanceWrap___qxV7v{
display:flex;
flex-direction:column;
margin:auto 0 auto 24px}
.title___AjGaz{
color:#fff9;
font-size:10px;
line-height:16px;
line-height:12px;
white-space:nowrap}
.balanceWrap___SJY9c{
color:#fff;
font-size:16px;
font-weight:500;
line-height:24px;
line-height:20px;
white-space:nowrap}
.balanceDetails___NVZiv{
grid-gap:8px;
display:flex;
flex-direction:column;
padding:16px}
.balanceDetailsName___cH7Rq{
color:#9e9eaf;
display:block;
font-size:12px;
line-height:18px;
overflow:hidden;
white-space:nowrap}
.balanceDetailsValue___QsmTp{
color:#121213;
font-size:14px;
font-weight:500;
line-height:24px;
text-decoration:none;
white-space:nowrap}
.profileNavWrap___SJ5dH{
padding:8px 0}
.profileNavItem___aqOOF{
align-items:center;
color:#121213;
display:flex;
flex-direction:rpw;
flex-wrap:nowrap;
font-size:14px;
gap:8px;
height:48px;
justify-content:flex-start;
line-height:24px;
line-height:48px;
padding:0 16px;
white-space:nowrap}
.profileNavItem___aqOOF:hover{
background-color:#f1f3f5}
.profileNavItem___aqOOF svg:not(.exchangeIcon___eUkd0){
fill:#192133;
height:24px;
width:24px}
.userBar___Gf5wB{
display:flex}
.walletWrap___DxdDH{
display:flex;
position:relative;
z-index:0}
.walletWrap___DxdDH:before{
border:2px solid #303747;
border-radius:24px;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.walletWrap___DxdDH [class^=tipsWrap]{
align-items:center;
display:flex}
.walletWrap___DxdDH>[class^=button]{
white-space:nowrap}
.iconsWrap___oMATM{
align-items:center;
display:flex}
.iconsWrap___oMATM>*{
margin-right:24px;
white-space:nowrap}
.iconsWrap___oMATM>:last-child{
margin-right:18px}
.iconsWrap___oMATM>[class*=tipsWrap] [class^=arrowDown]{
margin:0}
.iconWrap___PvDBi{
position:relative}
.notification___m_u0_{
background-color:#f23138;
border-radius:50%;
height:7px;
position:absolute;
right:0;
top:0;
width:7px}
.svgIcon___ZOiNj{
cursor:pointer}
.balanceDetails___xvp9q[class^=tips__][class*=tipsWidget],.profileNav___TVsfk[class^=tips__][class*=tipsWidget]{
left:auto;
min-width:144px;
padding:0;
right:calc(50% - 77px);
top:52px}
.arrowDown___mQK68{
fill:#fff;
margin:auto 8px}
.profileNav___TVsfk[class^=tips__][class*=tipsWidget]{
min-width:195px;
top:41px}
.userPanel___fEfBa{
align-items:center;
display:flex;
margin-left:16px}
.userPanel___fEfBa .loginBtn___Ftbxv{
margin-right:16px;
padding:0 24px}
.userPanel___fEfBa .regBtn___nTiFH{
padding:0 32px}
.swipable___MfJ0D{
display:flex;
overflow-x:auto;
overflow-y:hidden}
.swipable___MfJ0D.vertical___vbVOu{
overflow-x:hidden;
overflow-y:auto}
.shadow___e1gLh{
pointer-events:none;
z-index:0}
.shadow___e1gLh:after,.shadow___e1gLh:before{
bottom:0;
content:"";
display:block;
height:100%;
opacity:0;
position:absolute;
top:0;
transition:opacity .2s ease;
width:32px}
.shadowLeft___CdZhG:before{
background:linear-gradient(90deg,#f1f3f5 35%,#fff0);
left:0;
opacity:.9}
.shadowRight____o2Tc:after{
background:linear-gradient(270deg,#f1f3f5 35%,#fff0);
opacity:.9;
right:0}
.nav___lK0G4{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
width:100%}
.nav___lK0G4.navActiveHint___hrMfC{
z-index:999}
.nav___lK0G4 .listWrap___g8JKD{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
opacity:1;
transition:opacity .3s ease-in-out;
width:100%}
.nav___lK0G4 .list___JWEYp{
display:flex;
height:inherit;
justify-content:flex-start;
width:100%}
.nav___lK0G4 .list___JWEYp:not(.calculatedClass___DXN9j){
margin-right:6px;
opacity:0}
.nav___lK0G4 .list___JWEYp:not(.calculatedClass___DXN9j) .item___m6Os2{
opacity:0;
position:absolute;
visibility:hidden}
.nav___lK0G4 .list___JWEYp.calculatedClass___DXN9j{
opacity:1;
transition:opacity .2s}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2{
display:inline-block;
opacity:0;
position:relative;
position:absolute;
visibility:hidden}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2.itemMore___d7zus{
cursor:pointer}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2.itemVisible___DIJkk{
opacity:1;
position:relative;
visibility:visible}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .categoriesMoreToggle-enter-active,.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .categoriesMoreToggle-enter-done{
opacity:1;
transition:opacity .2s ease-in-out}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .categoriesMoreToggle-exit-active,.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .categoriesMoreToggle-exit-done{
opacity:0;
transition:opacity .2s ease-in-out}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA{
align-items:center;
color:#fffc;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:center;
position:relative;
transition:color .1s;
white-space:nowrap}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA .arrowDown___AXl12{
fill:#fffc;
margin:-5px 0}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA .arrowDown___AXl12 path{
fill:inherit}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA .arrowDown___AXl12.openedState___AB6MC{
transform:rotate(180deg)}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA.active___TmlTF,.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA:hover{
color:#fff}
.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA.active___TmlTF .arrowDown___AXl12,.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2 .link___BEUrA:hover .arrowDown___AXl12,.nav___lK0G4:not(.navSwipeable___Pt6WG) .item___m6Os2:hover .link___BEUrA{
fill:#fff}
.svgMoreIcon___Cu3Eo{
fill:#fffc}
.svgMoreIcon___Cu3Eo:hover{
fill:#fff}
.moreMenuItems___eeq2X[class^=tips__][class*=tipsWidget]{
left:auto;
min-width:144px;
padding:0;
right:calc(50% - 77px);
top:68px}
.moreMenuTip___GTxrw{
white-space:nowrap}
.navSwipeable___Pt6WG{
left:-16px;
overflow:hidden;
position:relative;
width:calc(100% + 32px)}
.navSwipeable___Pt6WG .list___JWEYp{
display:flex;
gap:24px}
.navSwipeable___Pt6WG .list___JWEYp li:first-child{
padding-left:16px}
.navSwipeable___Pt6WG .list___JWEYp li:last-child{
padding-right:16px}
.navSwipeable___Pt6WG [class*=shadowLeft]:before{
background:linear-gradient(90deg,#fff 35%,#fff0)}
.navSwipeable___Pt6WG [class*=shadowRight]:after{
background:linear-gradient(270deg,#fff 35%,#fff0)}
.navSwipeable___Pt6WG [class*=swipable__]::-webkit-scrollbar{
height:4px}
.navSwipeable___Pt6WG [class*=swipable__]::-webkit-scrollbar-thumb{
background-color:#f5f5f5}
.categoryLink___Ab4iS{
-webkit-tap-highlight-color:rgba(0,0,0,0);
gap:8px;
position:relative}
.categoryLink___Ab4iS .icon___bkxnP{
align-items:center;
border-radius:20px;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:40px;
justify-content:center;
overflow:hidden;
position:relative;
width:40px}
.categoryLink___Ab4iS .icon___bkxnP i{
background-image:url(/assets/svg/forbidden.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
display:block;
height:inherit;
width:inherit}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.categoryLink___Ab4iS .icon___bkxnP i{
background:#192133;
-webkit-mask-position:50% 50%;
mask-position:50% 50%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
.categoryLink___Ab4iS .name___DET1P{
color:#121213cc;
font-size:14px;
line-height:24px;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.categoryLink___Ab4iS.categoryLinkActive___e69Dm .icon___bkxnP,.categoryLink___Ab4iS.categoryLinkSelected___fWVkd .icon___bkxnP{
background-color:#0075ff}
.categoryLink___Ab4iS.categoryLinkActive___e69Dm .icon___bkxnP i,.categoryLink___Ab4iS.categoryLinkSelected___fWVkd .icon___bkxnP i{
background-image:url(/assets/svg/forbidden.svg)}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.categoryLink___Ab4iS.categoryLinkActive___e69Dm .icon___bkxnP i,.categoryLink___Ab4iS.categoryLinkSelected___fWVkd .icon___bkxnP i{
background:#fff;
box-shadow:inset 1px 1px 2px #00d1ff26}
}
.categoryLink___Ab4iS.categoryLinkActive___e69Dm .name___DET1P,.categoryLink___Ab4iS:hover .name___DET1P{
color:#0075ff}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.categoryLink___Ab4iS:not(.categoryLinkActive___e69Dm):hover .icon___bkxnP i{
background:#0075ff}
}
.categoryLink___Ab4iS [class^=dropdownList__]{
padding:10px 0}
.categoryLink___Ab4iS [class^=dropdownList__] li{
opacity:0;
transition:opacity .4s ease-in-out}
.categoryLink___Ab4iS [class^=dropdownList__] li:first-child [class^=dropdownListItem__]{
border-top:none}
.categoryLink___Ab4iS [class^=dropdownList__] li:nth-child(-n+7):last-child{
margin-bottom:-4px}
.categoryLink___Ab4iS [class^=dropdownList__] [class^=dropdownListItem__]{
height:38px;
padding:7px 11px}
.categoryLink___Ab4iS [class^=dropdownList__] [class^=dropdownListItem__] i{
margin-right:10px}
.categoryLink___Ab4iS .categoriesMoreToggle-enter>ul{
max-height:0;
opacity:0}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active,.categoryLink___Ab4iS .categoriesMoreToggle-exit-active{
box-shadow:none}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active>ul,.categoryLink___Ab4iS .categoriesMoreToggle-exit-active>ul{
overflow:hidden}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active,.categoryLink___Ab4iS .categoriesMoreToggle-enter-done{
top:64px}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active>ul,.categoryLink___Ab4iS .categoriesMoreToggle-enter-done>ul{
max-height:282px;
opacity:1;
transition:opacity .25s ease-in-out,max-height .2s ease-in-out}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active>ul li,.categoryLink___Ab4iS .categoriesMoreToggle-enter-done>ul li{
opacity:1}
.categoryLink___Ab4iS .categoriesMoreToggle-exit>ul{
max-height:282px;
opacity:1}
.categoryLink___Ab4iS .categoriesMoreToggle-exit-active,.categoryLink___Ab4iS .categoriesMoreToggle-exit-done{
top:64px}
.categoryLink___Ab4iS .categoriesMoreToggle-exit-active:after,.categoryLink___Ab4iS .categoriesMoreToggle-exit-active:before,.categoryLink___Ab4iS .categoriesMoreToggle-exit-done:after,.categoryLink___Ab4iS .categoriesMoreToggle-exit-done:before{
content:none}
.categoryLink___Ab4iS .categoriesMoreToggle-exit-active>ul,.categoryLink___Ab4iS .categoriesMoreToggle-exit-done>ul{
max-height:0;
opacity:0;
transition:opacity .2s ease-in-out,max-height .2s ease-in-out}
.categoryLink___Ab4iS .categoriesMoreToggle-enter-active:after,.categoryLink___Ab4iS .categoriesMoreToggle-enter-active:before,.categoryLink___Ab4iS .categoriesMoreToggle-exit-active:after,.categoryLink___Ab4iS .categoriesMoreToggle-exit-active:before{
opacity:0}
.moreCategoriesDropdown___qPDfQ{
padding:8px 0}
.moreCategoriesDropdown___qPDfQ .link___Luuid{
align-items:center;
color:#121213;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
font-size:14px;
height:48px;
justify-content:flex-start;
line-height:24px;
line-height:48px;
padding:0 16px;
white-space:nowrap}
.moreCategoriesDropdown___qPDfQ .link___Luuid.active___Mv68t,.moreCategoriesDropdown___qPDfQ .link___Luuid:hover{
background-color:#f1f3f5}
.button___xBuGQ{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___xBuGQ.disabled___nbST3,.button___xBuGQ:disabled{
pointer-events:none}
.sm___FujPe{
font-size:14px;
height:32px;
padding:0 8px}
.md___ZnInO,.sm___FujPe{
border-radius:24px;
font-weight:500}
.md___ZnInO{
font-size:16px;
height:48px;
padding:0 16px}
.primary___oNayG{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.primary___oNayG:not(.isMobile___CO91x):hover{
background-color:#ff4d53;
box-shadow:none}
.primary___oNayG.disabled___nbST3,.primary___oNayG:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___uERo5{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___uERo5:not(.isMobile___CO91x):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___uERo5.disabled___nbST3,.white___uERo5:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___Rkv6F{
border:2px solid #303747;
color:#fff}
.secondary___Rkv6F:not(.isMobile___CO91x):hover{
background-color:#303747}
.secondary___Rkv6F.disabled___nbST3,.secondary___Rkv6F:disabled{
color:#fff6}
.secondaryWhite___BDhm4{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___BDhm4:not(.isMobile___CO91x):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___BDhm4.disabled___nbST3,.secondaryWhite___BDhm4:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter____rOkT{
background-color:#e2e3e5;
color:#234183}
.filter____rOkT.active___Dp3AI,.filter____rOkT:not(.isMobile___CO91x):hover{
background-color:#fff;
color:#f23138}
.icon___fkySZ{
background-color:#0075ff;
color:#fff}
.icon___fkySZ.disabled___nbST3,.icon___fkySZ:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.header___oQNL_{
position:relative;
z-index:9}
.headerInner___tZA6f{
align-items:center;
background-color:#192133;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:80px;
justify-content:space-between;
padding:0 24px}
.headerMenu___BQTP3[class^=nav]{
margin-left:24px}
.headerMenu___BQTP3[class^=nav] [class^=list]>[class^=item]{
padding:0 16px}
.headerMenu___BQTP3[class^=nav] [class^=list]>[class^=item] [class*=moreMenuTip],.headerMenu___BQTP3[class^=nav] [class^=list]>[class^=item]>[class*=link]{
height:80px}
.headerMenu___BQTP3[class^=nav] [class^=list]>[class^=item] [class*=moreMenuTip]{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between}
.headerMenu___BQTP3[class^=nav] [class^=categoryLink]>[class^=name]{
color:inherit}
.headerLogo___bScJQ [class^=logoSvg_]{
margin-left:0}
.headerNav___llAtq{
margin-left:24px;
white-space:nowrap}
.localeHeaderSelect___qrXWS{
display:flex;
margin-left:auto}
@keyframes rotate___l7iCO{
0%{
transform:rotate(0)}
50%{
transform:rotate(180deg)}
to{
transform:rotate(1turn)}
}
.btnLoader___s1XWm,.loading___hw_Bp{
bottom:0;
left:0;
margin:auto;
overflow:hidden;
position:absolute;
right:0;
top:0;
z-index:9}
.btnLoader___s1XWm:after,.btnLoader___s1XWm:before,.loading___hw_Bp:after,.loading___hw_Bp:before{
border-color:#fff #0000;
border-radius:100%;
border-style:solid;
border-width:1px;
bottom:0;
content:"";
display:inline-block;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
z-index:0}
.btnLoader___s1XWm:before,.loading___hw_Bp:before{
animation:rotate___l7iCO .5s ease-in-out 0s infinite;
animation-direction:reverse;
height:10px;
width:10px}
.btnLoader___s1XWm:after,.loading___hw_Bp:after{
animation:rotate___l7iCO 1s ease-in-out 0s infinite;
animation-fill-mode:both;
height:22px;
width:22px}
.loading___iIRnn{
bottom:0;
left:0;
margin:auto;
overflow:hidden;
position:absolute;
right:0;
top:0;
z-index:4}
.loading___iIRnn:after{
background:url(/assets/svg/preload.svg) 50%/50px no-repeat;
content:"";
font-size:16px;
height:70px;
left:50%;
position:absolute;
top:50%;
transform:translate3d(-50%,-50%,0);
width:70px}
.layout--desktop>.loading{
background:url(/assets/svg/preload.svg) 50%/70px no-repeat;
height:70px;
position:fixed;
width:70px}
.layout--desktop>.loading:after{
content:none}
.button___w3cBx,.paymentBtn___gi8pB{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___w3cBx.disabled___pILQF,.button___w3cBx:disabled,.disabled___pILQF.paymentBtn___gi8pB,.paymentBtn___gi8pB:disabled{
pointer-events:none}
.sm___VDNIm{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.md___RU2VN,.paymentBtn___gi8pB{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.paymentBtn___gi8pB,.primary___aVUgk{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.paymentBtn___gi8pB:not(.isMobile___e6C30):hover,.primary___aVUgk:not(.isMobile___e6C30):hover{
background-color:#ff4d53;
box-shadow:none}
.disabled___pILQF.paymentBtn___gi8pB,.paymentBtn___gi8pB:disabled,.primary___aVUgk.disabled___pILQF,.primary___aVUgk:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___iNfjM{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___iNfjM:not(.isMobile___e6C30):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___iNfjM.disabled___pILQF,.white___iNfjM:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___aonC7{
border:2px solid #303747;
color:#fff}
.secondary___aonC7:not(.isMobile___e6C30):hover{
background-color:#303747}
.secondary___aonC7.disabled___pILQF,.secondary___aonC7:disabled{
color:#fff6}
.secondaryWhite___Vaj27{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___Vaj27:not(.isMobile___e6C30):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___Vaj27.disabled___pILQF,.secondaryWhite___Vaj27:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___l8kHb{
background-color:#e2e3e5;
color:#234183}
.filter___l8kHb.active___nXFB9,.filter___l8kHb:not(.isMobile___e6C30):hover{
background-color:#fff;
color:#f23138}
.icon___CNrw7{
background-color:#0075ff;
color:#fff}
.icon___CNrw7.disabled___pILQF,.icon___CNrw7:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.footerPadding___wsblO footer{
padding-bottom:64px}
.footerPadding___wsblO [class^=notificationsWrapper]{
bottom:72px}
.footerBtn___Q6l8v{
bottom:0;
left:0;
padding:0 16px 16px;
position:fixed;
right:0;
top:auto;
z-index:9}
.footerBtn___Q6l8v:before{
background:linear-gradient(180deg,#0000,#000);
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.regBtn___N5o1d{
width:100%}
.footerWallet___cbLVw{
display:flex;
height:48px}
.footerWallet___cbLVw:before{
background-color:#192133;
border:2px solid #303747;
border-radius:24px;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.userBalance___xZ9K9{
align-self:center;
flex-basis:50%;
padding-left:24px}
.title___MupRn{
color:#fff9;
font-size:10px;
line-height:12px}
.balance___V0yjo{
color:#fff;
font-size:16px;
font-weight:500;
line-height:24px}
.paymentBtn___gi8pB{
flex-basis:50%}
.portal___k1OTk{
-webkit-overflow-scrolling:touch;
bottom:0;
height:100%;
left:0;
min-height:100%;
min-width:320px;
overflow:hidden;
overflow-y:scroll;
position:fixed;
right:0;
top:0;
width:100%;
z-index:1000}
.portal___k1OTk.desktop___WIKlq{
overflow-x:auto;
overflow-y:hidden}
.portal___k1OTk.mobile___iwgMp{
background:#fff}
.portal___k1OTk.mobile___iwgMp[class*=gameModalBackground]{
background:#000c;
overflow:hidden}
.withPortal___ybcMQ .grecaptcha-badge{
display:none!important}
.withPortal___ybcMQ[class*=modalOpened]{
-webkit-overflow-scrolling:touch;
overflow:hidden;
overscroll-behavior:none;
touch-action:none}
.withPortal___ybcMQ[class*=modalOpened] #root{
overflow:hidden;
pointer-events:none}
.withPortal___ybcMQ[class*=modalOpened] #widget-container{
z-index:1003!important}
.withPortal___ybcMQ[class*=portalShifted] #root{
pointer-events:all;
z-index:1003}
.withPortal___ybcMQ[class*=portalShifted] #root .layout--mobile{
background:none}
.withPortal___ybcMQ[class*=portalShifted] #root .layout--mobile [class^=sidebar]{
z-index:12}
.withPortal___ybcMQ[class*=portalShifted] #root .layout--mobile .wrapper,.withPortal___ybcMQ[class*=portalShifted] #root .layout--mobile:after{
opacity:0}
body.modalShiftedOpened .container{
position:relative}
body.modalShiftedOpened .container:before{
bottom:0;
content:"";
left:0;
position:fixed;
right:0;
top:0;
z-index:9}
body.modalShiftedOpened.portalShifted #root{
pointer-events:all;
z-index:1003}
body.modalShiftedOpened.portalShifted #root .layout--mobile{
background:none}
body.modalShiftedOpened.portalShifted #root .layout--mobile [class^=sidebar]{
z-index:12}
body.modalShiftedOpened.portalShifted #root .layout--desktop .wrapper,body.modalShiftedOpened.portalShifted #root .layout--mobile .wrapper,body.modalShiftedOpened.portalShifted #root .layout--mobile:after{
opacity:0}
body.modalShiftedOpened #container-for-portal.wheelRules{
top:60px}
body.modalShiftedOpened #container-for-portal.searchGames{
height:100%;
top:0}
@media screen and (min-width:768px){
body.modalShiftedOpened #container-for-portal{
width:auto}
}
body.modalShiftedOpened #root{
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
z-index:3}
.popupWrapProfile___Akqaa{
align-items:normal;
background:#f1f3f5;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:100vh;
justify-content:normal;
overflow:auto;
width:100vw}
.popupWrapProfileContent___V5FOL{
margin:24px 0 12px;
width:100%}
@media screen and (min-width:536px){
.popupWrapProfileContent___V5FOL{
margin:24px 0 16px}
}
@media screen and (min-width:1024px){
.popupWrapProfileContent___V5FOL{
margin:40px auto;
width:768px}
}
@media screen and (min-width:1232px){
.popupWrapProfileContent___V5FOL{
width:1104px}
}
.popupWrapProfileNav___Raebz{
-ms-overflow-style:none;
border-bottom:1px solid #abb2d666;
overflow-x:auto;
overflow-y:hidden;
padding:0 0 0 16px;
position:relative;
scrollbar-width:none;
white-space:nowrap}
.popupWrapProfileNav___Raebz::-webkit-scrollbar{
display:none}
@media screen and (min-width:536px){
.popupWrapProfileNav___Raebz{
padding:0 0 0 32px}
}
@media screen and (min-width:768px){
.popupWrapProfileNav___Raebz{
padding:0 0 0 64px}
}
@media screen and (min-width:1024px){
.popupWrapProfileNav___Raebz{
padding:0}
}
@media screen and (min-width:1232px){
.popupWrapProfileNav___Raebz{
overflow:unset}
}
.popupWrapProfileNav___Raebz:after{
background:#e2e3e5;
bottom:-1px;
content:"";
height:1px;
left:0;
position:absolute;
right:0;
z-index:1}
.popupWrapProfileNavItem___XBs36{
color:#12121380;
display:inline-block;
font-size:14px;
font-weight:500;
height:40px;
line-height:24px;
padding:0 16px 16px;
position:relative}
@media screen and (min-width:1232px){
.popupWrapProfileNavItem___XBs36{
font-size:16px;
padding:0 16px 16px}
}
.popupWrapProfileNavItemActive___OgsES{
color:#121213;
padding:0 16px 16px}
.popupWrapProfileNavItemActive___OgsES:after{
background:#0075ff;
border-radius:4px;
bottom:-2px;
content:"";
height:4px;
left:0;
position:absolute;
right:0;
z-index:2}
.newLevel___Yt5oE{
align-items:center;
background-color:#fff;
color:#121213;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:100%;
justify-content:center;
margin:auto;
padding:16px;
position:relative;
text-align:center;
width:100%;
z-index:1}
@media screen and (min-width:1024px){
.newLevel___Yt5oE{
border-radius:8px;
height:auto;
left:50%;
margin:0 auto;
max-width:520px;
padding:80px 32px 32px;
position:absolute;
top:50%;
transform:translate(-50%,-50%)}
}
.newLevelClose___o3NXu{
display:flex;
height:24px;
position:absolute;
right:12px;
top:12px;
width:24px}
@media screen and (min-width:1024px){
.newLevelClose___o3NXu{
right:-38px;
top:-4px}
}
.newLevelClose___o3NXu svg{
fill:#9e9eaf;
height:18px;
margin:auto;
width:18px}
@media screen and (min-width:1024px){
.newLevelClose___o3NXu svg{
height:24px;
width:24px}
}
.newLevelImg___Qzh_h{
background-image:url(/assets/img/wheel/wheel-new-level.png);
height:114px;
margin:-50px auto 0;
width:160px}
.newLevelTitle___qtYyl{
font-size:24px;
font-weight:500;
line-height:32px;
margin:16px 0 14px}
.newLevelSpin___WVNdp{
font-size:14px;
line-height:24px;
margin:0}
@media screen and (min-width:1024px){
.newLevelSpin___WVNdp{
font-size:16px;
line-height:24px}
}
.newLevelSpin___WVNdp span{
font-weight:500}
.newLevelTime___fIx64{
font-size:24px;
font-weight:500;
line-height:32px;
margin:0 0 16px}
.newLevelInfo___lhKLQ{
color:#7b96c8;
cursor:pointer;
font-size:14px;
line-height:24px;
margin:16px 0 0}
.newLevel___Yt5oE a{
width:288px}
.WheelBackground___XnpFD{
display:none}
@media screen and (min-width:768px){
.WheelBackground___XnpFD{
background:#000000d9;
display:block;
height:100%;
position:fixed;
width:100%;
z-index:-1}
}
.main___rMYpI{
margin:0 16px;
max-width:1232px}
@media screen and (min-width:1024px){
.main___rMYpI{
margin:0 auto}
}
@media screen and (min-width:1024px)and (max-width:1279px){
.main___rMYpI{
width:920px}
}
@media screen and (min-width:1280px){
.main___rMYpI{
width:1232px}
}
.mainFull___G0Lex{
background:#f1f3f5;
margin:0;
max-width:100%}
.main___rMYpI:after{
clear:both;
content:"";
display:table}
.sidebarMenuLink___Gv4Ex{
align-items:center;
color:#fff;
display:flex;
font-size:16px;
height:48px;
line-height:24px;
padding-left:12px}
.sidebarMenuLink___Gv4Ex:hover,.sidebarMenuLink___Gv4Ex[class*=active]{
background-color:#222e48}
.sidebarMenuIcon___zRVrS{
display:inline-block;
position:relative}
.sidebarMenuIcon___zRVrS svg{
display:block}
.sidebarMenuCount___Y7zyo{
background-color:#f23138;
border-radius:50%;
bottom:auto;
height:7px;
left:auto;
position:absolute;
right:0;
top:0;
width:7px;
z-index:0}
.sidebarMenuTitle___QDAbl{
margin-left:12px}
.sidebarWrap___dK9fA{
background:#000c;
bottom:0;
left:-100%;
opacity:0;
position:fixed;
right:auto;
top:0;
transform:translateZ(0);
transition:background .2s,opacity .2s;
width:100%;
will-change:background,left,right;
z-index:10}
.sidebarWrap___dK9fA.sidebarWrapOpened___rwv7Z{
left:0;
opacity:1}
.sidebar___BvkaK{
-webkit-overflow-scrolling:touch;
-webkit-font-smoothing:antialiased;
background-color:#192133;
bottom:auto;
left:-100%;
position:fixed;
right:auto;
top:0;
transition:left .153s ease .2s;
width:288px;
will-change:left;
z-index:29}
.sidebar___BvkaK.sidebarOpened___DOdfz{
left:0;
touch-action:pan-y;
transition:left .153s ease .2s}
.sidebar___BvkaK.sidebarOpened___DOdfz+[class^=wrapper]{
max-height:100vh;
overflow:hidden;
z-index:0}
.sidebar___BvkaK.sidebarOpened___DOdfz [class*=scrollBar__]{
touch-action:pan-y}
.sidebarData___Yy1oN{
align-items:normal;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:normal;
min-height:100%}
.logoWrap___xrYSh{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:80px;
justify-content:space-between;
padding:0 16px}
.sidebarClose___Pe2Um{
background:none;
cursor:pointer;
height:24px;
outline:none;
overflow:hidden;
position:relative;
width:24px}
.sidebarClose___Pe2Um:after,.sidebarClose___Pe2Um:before{
background-color:#fff;
border-radius:8px;
bottom:0;
content:"";
height:2px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
transition:transform .2s;
width:65%;
z-index:1}
.sidebarClose___Pe2Um:before{
transform:rotate(-45deg)}
.sidebarClose___Pe2Um:after{
transform:rotate(45deg)}
.sidebarSupport___uHqL5{
margin:auto 0 16px}
.supportBtnWrap___eHo5O{
display:block;
margin-top:32px;
padding:0 16px}
.supportBtn___CxGy0{
width:100%}
.xOnPoints___dZYPH{
margin-right:8px}
.sidebarMenuLogout___xAmIk{
cursor:pointer}
.localeSection___OIjgS{
align-items:center;
border-bottom:1px solid #ffffff0d;
border-top:1px solid #ffffff0d;
display:flex;
justify-content:space-between;
margin:4px 16px 0 12px;
padding:16px 0}
.localeTitle___SK2fK{
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px}
.button___h0QuF,.payBtn___eklRx{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___h0QuF.disabled___yEG_B,.button___h0QuF:disabled,.disabled___yEG_B.payBtn___eklRx,.payBtn___eklRx:disabled{
pointer-events:none}
.sm___NHBLj{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.md___MZYDG,.payBtn___eklRx{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.payBtn___eklRx,.primary___ADUg8{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.payBtn___eklRx:not(.isMobile___mrbJb):hover,.primary___ADUg8:not(.isMobile___mrbJb):hover{
background-color:#ff4d53;
box-shadow:none}
.disabled___yEG_B.payBtn___eklRx,.payBtn___eklRx:disabled,.primary___ADUg8.disabled___yEG_B,.primary___ADUg8:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___LpHnI{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___LpHnI:not(.isMobile___mrbJb):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___LpHnI.disabled___yEG_B,.white___LpHnI:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___rX_b3{
border:2px solid #303747;
color:#fff}
.secondary___rX_b3:not(.isMobile___mrbJb):hover{
background-color:#303747}
.secondary___rX_b3.disabled___yEG_B,.secondary___rX_b3:disabled{
color:#fff6}
.secondaryWhite___JLkex{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___JLkex:not(.isMobile___mrbJb):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___JLkex.disabled___yEG_B,.secondaryWhite___JLkex:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___lONKu{
background-color:#e2e3e5;
color:#234183}
.filter___lONKu.active___ZgFUi,.filter___lONKu:not(.isMobile___mrbJb):hover{
background-color:#fff;
color:#f23138}
.icon___oZqnT{
background-color:#0075ff;
color:#fff}
.icon___oZqnT.disabled___yEG_B,.icon___oZqnT:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.sidebarUser___XC9iw{
position:relative}
.sidebarUser___XC9iw.withDecoration___urknR{
background-color:unset}
.promoPattern___FCBZp{
bottom:0;
height:100%;
left:0;
object-fit:cover;
pointer-events:none;
position:absolute;
right:0;
top:0;
width:100%;
z-index:-1}
.userInfoContainer___Nz7Qk{
align-items:center;
background-color:rgba(123,150,200,.003);
display:flex;
height:64px}
.userInfoWrap___CQ8Es{
flex-grow:1;
overflow:hidden;
padding:0 16px}
.userNameWrap___nHqH6{
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px}
.userName___u3X7f{
color:inherit;
display:block;
font-weight:inherit;
overflow:hidden;
text-overflow:ellipsis}
.loyaltyInfoWrap___koVmC{
align-items:center;
color:#9e9eaf;
display:flex;
font-size:12px;
line-height:18px}
.statusName___qxxLx{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.progressBar___icXdB{
background-color:#1212134d;
border-radius:4px;
flex-grow:1;
height:4px;
margin:0 4px 0 8px;
overflow:hidden}
.progressBar___icXdB .progressLine____avo1{
background-color:#f23138;
height:100%}
.statusPercent___VPwuj{
color:#fff;
font-size:10px;
line-height:16px}
.profileLink___EUKa6{
align-items:center;
background-color:rgba(123,150,200,.001);
display:flex;
flex-shrink:0;
height:100%;
justify-content:center;
width:64px}
.wallet___WuinC{
background-color:#222e48;
padding:16px}
.row___sYy_G{
color:#9e9eaf;
display:flex;
font-size:12px;
height:20px;
justify-content:space-between;
line-height:18px}
.row___sYy_G .userWalletSum___iZpMw{
color:#fff;
font-weight:500;
line-height:20px}
.row___sYy_G.bigRow____F3SD{
color:#fff;
font-size:16px;
height:24px;
line-height:24px;
margin-bottom:4px}
.row___sYy_G.bigRow____F3SD .userWalletSum___iZpMw{
color:#00ad79;
line-height:24px}
.divider___nAodq{
background-color:#ffffff0d;
display:block;
height:1px;
margin:12px 0}
.changePoints___TkhgU{
color:#7b96c8;
margin-left:4px;
margin-right:auto}
.changePoints___TkhgU:hover{
text-decoration:underline}
.payWrap___PQdjz{
background-color:#222e48;
padding:0 16px 16px}
.payWrap___PQdjz form{
background:#7b96c840}
.payWrap___PQdjz form label{
color:#fff}
.payBtn___eklRx{
width:100%}
.scrollBar___VKTzI{
height:100%;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior-y:contain;
position:relative;
width:100%}
.scrollBar___VKTzI::-webkit-scrollbar{
background-color:#1212130d;
border-radius:2px;
position:absolute;
width:4px}
.scrollBar___VKTzI::-webkit-scrollbar-button{
display:none;
opacity:0;
overflow:hidden}
.scrollBar___VKTzI::-webkit-scrollbar-thumb{
background-color:#1212131a;
border-radius:2px}
.scrollBar___VKTzI::-webkit-scrollbar-thumb:hover{
background-color:#12121340}
.sidebarMenuLink___cUfbk{
align-items:center;
color:#fff;
display:flex;
font-size:16px;
height:48px;
line-height:24px;
padding-left:12px}
.sidebarMenuLink___cUfbk:hover,.sidebarMenuLink___cUfbk[class*=active]{
background-color:#222e48}
.sidebarMenuIcon___I8_Gi{
display:inline-block;
position:relative}
.sidebarMenuIcon___I8_Gi svg{
display:block}
.sidebarMenuCount___KxVq_{
background-color:#f23138;
border-radius:50%;
bottom:auto;
height:7px;
left:auto;
position:absolute;
right:0;
top:0;
width:7px;
z-index:0}
.sidebarMenuTitle___qpJV_{
margin-left:12px}
.sidebarMenuUser___VQ0zK{
margin-top:32px}
.btnMob___g7WXd,.button___eKVw9{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.btnMob___g7WXd:disabled,.button___eKVw9.disabled___mcccz,.button___eKVw9:disabled,.disabled___mcccz.btnMob___g7WXd{
pointer-events:none}
.sm___CkMrd{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.btnMob___g7WXd,.md___jPU0U{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.btnMob___g7WXd,.primary___s4hYU{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.btnMob___g7WXd:not(.isMobile___mVfiT):hover,.primary___s4hYU:not(.isMobile___mVfiT):hover{
background-color:#ff4d53;
box-shadow:none}
.btnMob___g7WXd:disabled,.disabled___mcccz.btnMob___g7WXd,.primary___s4hYU.disabled___mcccz,.primary___s4hYU:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___xFdV9{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___xFdV9:not(.isMobile___mVfiT):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___xFdV9.disabled___mcccz,.white___xFdV9:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___VBKP5{
border:2px solid #303747;
color:#fff}
.secondary___VBKP5:not(.isMobile___mVfiT):hover{
background-color:#303747}
.secondary___VBKP5.disabled___mcccz,.secondary___VBKP5:disabled{
color:#fff6}
.secondaryWhite___bbahN{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___bbahN:not(.isMobile___mVfiT):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___bbahN.disabled___mcccz,.secondaryWhite___bbahN:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___RZXhG{
background-color:#e2e3e5;
color:#234183}
.filter___RZXhG.active___yWhKi,.filter___RZXhG:not(.isMobile___mVfiT):hover{
background-color:#fff;
color:#f23138}
.icon___VgItF{
background-color:#0075ff;
color:#fff}
.icon___VgItF.disabled___mcccz,.icon___VgItF:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.sidebarBanner___GDiej{
height:312px;
position:relative;
width:100%}
.sidebarBanner___GDiej img{
display:block;
height:100%;
object-fit:cover;
width:100%}
.btnWrap___kaibg{
bottom:16px;
display:block;
left:16px;
position:absolute;
right:16px;
top:auto;
z-index:0}
.btnMob___g7WXd{
width:100%}
body{
margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block}
audio,canvas,progress,video{
display:inline-block;
vertical-align:initial}
audio:not([controls]){
display:none;
height:0}
[hidden],template{
display:none}
a{
background-color:#0000}
a:active,a:hover{
outline:0}
abbr[title]{
border-bottom:1px dotted}
b,strong{
font-weight:700}
dfn{
font-style:italic}
h1{
font-size:2em;
margin:.67em 0}
mark{
background:#ff0;
color:#000}
small{
font-size:80%}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:initial}
sup{
top:-.5em}
sub{
bottom:-.25em}
img{
border:0}
svg:not(:root){
overflow:hidden}
figure{
margin:1em 40px}
hr{
box-sizing:initial;
height:0}
pre{
overflow:auto}
code,kbd,pre,samp{
font-family:monospace,monospace;
font-size:1em}
button,input,optgroup,select,textarea{
color:inherit;
font:inherit;
margin:0}
button{
overflow:visible}
button,select{
text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button;
cursor:pointer}
button[disabled],html input[disabled]{
cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0}
input{
line-height:normal}
input[type=checkbox],input[type=radio]{
box-sizing:border-box;
padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
height:auto}
input[type=search]{
-webkit-appearance:textfield;
box-sizing:initial}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none}
fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em}
legend{
border:0;
padding:0}
textarea{
overflow:auto}
optgroup{
font-weight:700}
table{
border-collapse:collapse;
border-spacing:0}
td,th{
padding:0}
menu,nav,ol,ul{
margin:0;
padding:0}
menu,nav,ul{
list-style-type:none}
input::-ms-clear,input::-ms-reveal{
display:none;
height:0;
width:0}
fieldset{
border:none;
margin:0;
min-width:0;
outline:none;
padding:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0}
input[type=number]{
-moz-appearance:textfield}
*{
box-sizing:border-box}
html{
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:auto;
-moz-osx-font-smoothing:grayscale;
font-size:14px}
body,html{
font-family:Roboto,sans-serif;
height:100%;
width:100%}
@media(max-width:812px){
body,html{
-webkit-overflow-scrolling:touch}
}
body{
-webkit-tap-highlight-color:rgba(0,0,0,0);
background:#f1f3f5}
a{
color:#7b96c8;
text-decoration:none}
button{
border:none;
outline:none;
padding:0}
#root{
height:auto;
min-height:100%;
position:relative}
#root:empty:after,#root:empty:before{
animation-fill-mode:both;
animation:rotate 1.5s ease-in-out 0s infinite;
background:url(/assets/svg/preload.svg) 100% no-repeat;
bottom:0;
content:"";
height:50px;
left:0;
margin:auto;
position:absolute;
right:0;
top:0;
width:50px;
z-index:1}
.layout{
min-height:100%;
z-index:2}
.layout--desktop{
height:auto;
min-height:100%;
overflow:hidden;
position:relative}
.layout--mobile{
color:#fff;
min-width:320px;
width:100%;
z-index:auto}
.layout--mobile .wrapper{
display:flex;
flex-direction:column;
min-height:100vh;
position:relative;
transition:all .3s}
.layout--mobile .wrapper header+section{
flex:1 1 auto}
.banner-container{
position:relative}
.banner-container>a{
display:block;
text-decoration:none}
.banner-container img{
border-radius:2px;
display:block;
height:100%;
object-fit:cover;
object-position:center center;
width:100%}
#root.WebRoot{
overflow:hidden}
.modalOverlay--mob{
bottom:auto;
left:0;
position:absolute;
right:0;
top:0;
width:100%;
z-index:1;
z-index:1001}
.modalOverlay--mob,.modalOverlay--mob .popup{
align-items:normal;
display:flex;
flex:1;
flex-direction:column;
flex-wrap:nowrap;
justify-content:normal;
min-height:100%}
.modalOverlay--mob .popup{
position:relative;
z-index:1002}
.popup__mob_body,.popup__mob_wrapper{
min-height:100%}
.popup .content-block,.popup__mob_body,.popup__mob_wrapper{
align-items:normal;
display:flex;
flex:1;
flex-direction:column;
flex-wrap:nowrap;
justify-content:normal}
.btn,.button{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.btn.btn__disabled,.btn:disabled,.button.btn__disabled,.button.disabled,.button:disabled,.disabled.btn{
pointer-events:none}
.btn--sm,.sm{
font-size:14px;
height:32px;
padding:0 8px}
.btn--md,.btn--sm,.md,.sm{
border-radius:24px;
font-weight:500}
.btn--md,.md{
font-size:16px;
height:48px;
padding:0 16px}
.btn__primary,.primary{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.btn__primary:not(.isMobile):hover,.primary:not(.isMobile):hover{
background-color:#ff4d53;
box-shadow:none}
.btn__primary.btn__disabled,.btn__primary:disabled,.disabled.btn__primary,.primary.btn__disabled,.primary.disabled,.primary:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.btn__white,.white{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.btn__white:not(.isMobile):hover,.white:not(.isMobile):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.btn__white.btn__disabled,.btn__white:disabled,.disabled.btn__white,.white.btn__disabled,.white.disabled,.white:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.btn__secondary,.secondary{
border:2px solid #303747;
color:#fff}
.btn__secondary:not(.isMobile):hover,.secondary:not(.isMobile):hover{
background-color:#303747}
.btn__secondary.btn__disabled,.btn__secondary:disabled,.disabled.btn__secondary,.secondary.btn__disabled,.secondary.disabled,.secondary:disabled{
color:#fff6}
.btn__secondaryWhite,.secondaryWhite{
border:2px solid #1921331a;
color:#000}
.btn__secondaryWhite:not(.isMobile):hover,.secondaryWhite:not(.isMobile):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.btn__secondaryWhite.btn__disabled,.btn__secondaryWhite:disabled,.disabled.btn__secondaryWhite,.secondaryWhite.btn__disabled,.secondaryWhite.disabled,.secondaryWhite:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter{
background-color:#e2e3e5;
color:#234183}
.filter.active,.filter:not(.isMobile):hover{
background-color:#fff;
color:#f23138}
.icon{
background-color:#0075ff;
color:#fff}
.icon.btn__disabled,.icon.disabled,.icon:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.button___amaZ5,.notificationBtn___H8bA0,[class*=notificationBtn]{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___amaZ5.disabled___vsOzE,.button___amaZ5:disabled,.disabled___vsOzE.notificationBtn___H8bA0,.disabled___vsOzE[class*=notificationBtn],.notificationBtn___H8bA0:disabled,[class*=notificationBtn]:disabled{
pointer-events:none}
.sm___Nobhm{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.md___B0TgS,.notificationBtn___H8bA0,[class*=notificationBtn]{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.notificationBtn___H8bA0.first___F88s7,.notification__text___TjMWJ [class*=notificationBtn],.primary___lM3QI,[class*=notificationBtn].first___F88s7{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.notificationBtn___H8bA0.first___F88s7:not(.isMobile___J7NO8):hover,.notification__text___TjMWJ [class*=notificationBtn]:not(.isMobile___J7NO8):hover,.primary___lM3QI:not(.isMobile___J7NO8):hover,[class*=notificationBtn].first___F88s7:not(.isMobile___J7NO8):hover{
background-color:#ff4d53;
box-shadow:none}
.disabled___vsOzE.notificationBtn___H8bA0.first___F88s7,.disabled___vsOzE[class*=notificationBtn].first___F88s7,.notificationBtn___H8bA0.first___F88s7:disabled,.notification__text___TjMWJ .disabled___vsOzE[class*=notificationBtn],.notification__text___TjMWJ [class*=notificationBtn]:disabled,.primary___lM3QI.disabled___vsOzE,.primary___lM3QI:disabled,[class*=notificationBtn].first___F88s7:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.notificationBtn___H8bA0.second___lFPAK,.notification__text___TjMWJ [class*=notificationBtn]+[class*=notificationBtn],.white___pobBW,[class*=notificationBtn].second___lFPAK{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.notificationBtn___H8bA0.second___lFPAK:not(.isMobile___J7NO8):hover,.notification__text___TjMWJ [class*=notificationBtn]+[class*=notificationBtn]:not(.isMobile___J7NO8):hover,.white___pobBW:not(.isMobile___J7NO8):hover,[class*=notificationBtn].second___lFPAK:not(.isMobile___J7NO8):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.disabled___vsOzE.notificationBtn___H8bA0.second___lFPAK,.disabled___vsOzE[class*=notificationBtn].second___lFPAK,.notificationBtn___H8bA0.second___lFPAK:disabled,.notification__text___TjMWJ [class*=notificationBtn]+.disabled___vsOzE[class*=notificationBtn],.notification__text___TjMWJ [class*=notificationBtn]+[class*=notificationBtn]:disabled,.white___pobBW.disabled___vsOzE,.white___pobBW:disabled,[class*=notificationBtn].second___lFPAK:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___b0tug{
border:2px solid #303747;
color:#fff}
.secondary___b0tug:not(.isMobile___J7NO8):hover{
background-color:#303747}
.secondary___b0tug.disabled___vsOzE,.secondary___b0tug:disabled{
color:#fff6}
.secondaryWhite___zYSY2{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___zYSY2:not(.isMobile___J7NO8):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___zYSY2.disabled___vsOzE,.secondaryWhite___zYSY2:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___k0vlv{
background-color:#e2e3e5;
color:#234183}
.filter___k0vlv.active___MeaXM,.filter___k0vlv:not(.isMobile___J7NO8):hover{
background-color:#fff;
color:#f23138}
.icon___s_LZ1{
background-color:#0075ff;
color:#fff}
.icon___s_LZ1.disabled___vsOzE,.icon___s_LZ1:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.notification___abhP6{
color:#ffffffa6;
margin:16px 0 0;
opacity:0;
position:relative;
text-align:left;
visibility:hidden;
width:100%}
.notification__content___Bz0uK{
background:#222e48;
border-radius:8px;
overflow:hidden}
.notification__main___QvRof{
position:relative;
z-index:2}
.notification__heading___Vz_1S{
color:#fff;
font-size:16px;
font-weight:500;
line-height:24px;
margin:0;
padding:8px 8px 0 0;
text-align:inherit;
text-transform:none}
.notification__text___TjMWJ{
color:inherit;
font-size:14px;
font-weight:400;
line-height:160%;
padding-top:8px}
.notification__text___TjMWJ a:not([class*=notificationBtn]),.notification__text___TjMWJ p,.notification__text___TjMWJ span{
color:inherit;
font-size:inherit;
font-weight:inherit;
line-height:inherit;
padding:0;
text-align:inherit}
.notification__text___TjMWJ p{
display:block;
margin:6px 0}
.notification__text___TjMWJ p,.notification__text___TjMWJ span{
color:inherit}
.notification__text___TjMWJ a:not([class*=notificationBtn]){
color:#ffc857;
display:inline-block;
margin:0;
text-decoration:underline;
vertical-align:top}
.notification__text___TjMWJ a:not([class*=notificationBtn]):hover{
text-decoration:none}
.notification__text___TjMWJ [class*=notificationBtn]{
margin:10px auto 6px}
.notification__text___TjMWJ img{
display:block;
margin-top:8px;
width:100%}
.notification__text___TjMWJ h2,.notification__text___TjMWJ h3,.notification__text___TjMWJ h4,.notification__text___TjMWJ h5,.notification__text___TjMWJ h6,.notification__text___TjMWJ>h1{
font-size:inherit;
margin:0 0 8px}
.notification__text___TjMWJ>h1{
font-size:16px}
.notification__text___TjMWJ>h2{
font-size:14px}
.notification__text___TjMWJ ul,.notification__text___TjMWJ>ol{
list-style-position:inside;
margin:8px 0;
padding-left:8px}
.notification__text___TjMWJ ul{
list-style-type:disc}
.notification__closeBtn___EEyrs{
cursor:pointer;
height:12px;
position:absolute;
right:16px;
top:20px;
width:12px;
z-index:3}
.notification__closeBtn___EEyrs:after,.notification__closeBtn___EEyrs:before{
background:#fff;
border-radius:2px;
content:"";
display:block;
filter:brightness(.6);
height:12px;
left:0;
position:absolute;
top:0;
width:2px}
.notification__closeBtn___EEyrs:before{
transform:rotate(45deg)}
.notification__closeBtn___EEyrs:after{
transform:rotate(-45deg)}
[class*=notificationWithImg] .notification__closeBtn___EEyrs{
top:16px}
[class*=notificationWithImg] .notification__closeBtn___EEyrs:after,[class*=notificationWithImg] .notification__closeBtn___EEyrs:before{
background:#9e9eaf;
filter:none}
.notificationImg___uN9b6{
background:#192133;
border-radius:8px 8px 0 0;
box-sizing:border-box;
height:144px;
overflow:hidden;
text-align:center;
width:calc(100% + 48px)}
.notificationImg___uN9b6 img{
height:auto;
max-width:100%;
width:100%}
.notificationMob___YVy4e .notification__content___Bz0uK{
padding:16px 16px 12px}
.notificationMob___YVy4e .notificationImg___uN9b6{
height:144px;
margin:-16px -16px 16px;
width:calc(100% + 32px)}
@media screen and (min-width:536px){
.notificationMob___YVy4e .notification__content___Bz0uK{
padding:16px 24px 18px}
.notificationMob___YVy4e .notificationImg___uN9b6{
height:144px;
margin:-16px -24px 16px;
width:calc(100% + 48px)}
}
.notificationWeb___YAsWf .notification__content___Bz0uK{
padding:16px 24px 18px}
.notificationWeb___YAsWf .notificationImg___uN9b6{
height:144px;
margin:-16px -24px 16px;
width:calc(100% + 48px)}
.NotificationButtons___JNWz0{
align-items:normal;
box-sizing:border-box;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
flex-wrap:wrap;
gap:16px;
justify-content:normal;
margin:10px 0 0}
.notificationBtn___H8bA0,[class*=notificationBtn]{
border:none;
box-shadow:none;
box-sizing:border-box;
color:initial;
font-size:14px;
font-style:normal;
font-weight:500;
height:40px;
line-height:24px;
margin:0;
min-width:120px;
position:relative;
text-decoration:none;
text-transform:none;
white-space:nowrap;
width:auto}
.notificationBtn___H8bA0 span,[class*=notificationBtn] span{
background:#0000;
border:none;
border-radius:0;
color:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
line-height:inherit;
padding:0;
position:relative;
text-shadow:inherit;
text-transform:inherit;
z-index:2}
.notificationAnimation-appear-done,.notificationAnimation-enter-done{
margin-bottom:0!important;
opacity:1;
transition:opacity .15s ease,margin-bottom .3s ease;
visibility:visible}
.notificationAnimation-exit{
display:none}
.notificationsWrapper___kvawy{
pointer-events:auto;
position:fixed;
z-index:99999}
.notificationsWrapperMob___kIJXk{
bottom:16px;
right:0;
width:100%}
.notificationsWrapperMob___kIJXk>div{
margin:0 16px;
max-width:calc(100% - 32px)}
@media screen and (min-width:360px){
.notificationsWrapperMob___kIJXk>div{
margin:0 32px;
max-width:calc(100% - 64px)}
}
@media screen and (min-width:536px){
.notificationsWrapperMob___kIJXk>div{
margin:0 48px;
max-width:calc(100% - 96px)}
}
@media screen and (min-width:768px){
.notificationsWrapperMob___kIJXk>div{
margin:0 auto;
max-width:640px}
}
.notificationsWrapperWeb___hnilZ{
bottom:26px;
right:24px;
width:352px}
.wrap___OQQ7_{
align-content:space-between;
align-items:center;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:100%;
justify-content:flex-start;
min-width:1120px;
overflow:hidden;
position:relative;
z-index:1001}
.wrap___OQQ7_.secret___Z77AK{
min-width:auto}
.wrap___OQQ7_.register____5bSy{
background:url(/assets/img/pages/register/registerBg.png) 50%/cover no-repeat}
.popupShadow___Q_Siv{
background:#000c;
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.content___H9QZk{
background-color:#fff;
border-radius:8px;
margin:64px auto 0;
padding:32px;
position:relative}
.closeBtn___HkYYv{
background:none;
border:none;
box-sizing:border-box;
cursor:pointer;
height:24px;
outline:none;
position:absolute;
right:-36px;
top:-4px;
width:24px;
z-index:1}
.closeBtn___HkYYv .closeIcon___fAaoo{
fill:#fff9;
transition:fill .1s}
.closeBtn___HkYYv .closeIcon___fAaoo:hover{
fill:#fff}
@media(max-height:750px){
.wrap___OQQ7_{
overflow-y:scroll}
}
.wrap___xsln7{
align-items:normal;
display:flex;
flex:1;
flex-direction:column;
flex-wrap:nowrap;
justify-content:normal}
.wrap___xsln7 .button___Rg6fW,.wrap___xsln7 .supportBtn___rhHJM{
margin:auto auto 0;
width:100%}
@media screen and (min-width:360px){
.wrap___xsln7 .button___Rg6fW,.wrap___xsln7 .supportBtn___rhHJM{
max-width:256px}
}
@media screen and (min-width:536px){
.wrap___xsln7 .button___Rg6fW,.wrap___xsln7 .supportBtn___rhHJM{
margin:16px auto 0}
}
@media screen and (min-width:1024px){
.wrap___xsln7 .button___Rg6fW,.wrap___xsln7 .supportBtn___rhHJM{
max-width:288px}
}
.wrap___xsln7 .title___VNx9d{
color:#121213;
font-size:24px;
font-weight:500;
line-height:32px;
margin:0;
text-align:left}
.wrap___xsln7 .messageText___nOiHZ{
color:#121213;
font-size:14px;
font-weight:400;
line-height:24px;
margin:16px 0 0;
text-align:left}
.wrap___xsln7 .supportBtn___rhHJM>button{
width:100%}
.wrap___xsln7.mob___pNBbN{
padding:24px 16px}
@media screen and (min-width:360px){
.wrap___xsln7.mob___pNBbN{
padding:24px}
}
@media screen and (min-width:536px){
.wrap___xsln7.mob___pNBbN{
padding:24px 40px}
}
.wrap___xsln7.mob___pNBbN .messageText___nOiHZ,.wrap___xsln7.mob___pNBbN .title___VNx9d{
text-align:center}
.popupWeb___C3xbP>[class^=content_]{
width:352px}
.deactivate___UeJ7F{
box-sizing:initial;
max-width:480px;
padding:40px 16px}
@media screen and (min-width:360px){
.deactivate___UeJ7F{
padding:40px 32px}
}
@media screen and (min-width:536px){
.deactivate___UeJ7F{
padding:40px 48px}
}
@media screen and (min-width:768px){
.deactivate___UeJ7F{
padding:40px 64px}
}
.deactivate___UeJ7F .close___bJRWQ{
background:#0000;
bottom:auto;
height:16px;
left:auto;
position:absolute;
right:16px;
top:16px;
width:16px;
z-index:1}
.deactivate___UeJ7F .close___bJRWQ:hover{
cursor:pointer}
.deactivate___UeJ7F .close___bJRWQ:after,.deactivate___UeJ7F .close___bJRWQ:before{
background-color:#121213;
border-radius:2px;
bottom:auto;
content:"";
height:2px;
left:47%;
position:absolute;
right:auto;
top:50%;
transform-origin:center;
width:24px;
z-index:0}
.deactivate___UeJ7F .close___bJRWQ:before{
transform:translate(-50%,-50%) rotate(45deg)}
.deactivate___UeJ7F .close___bJRWQ:after{
transform:translate(-50%,-50%) rotate(-45deg)}
.deactivate_text__title___wqSCr{
color:#000;
font-size:24px;
font-weight:500;
line-height:32px;
margin:0}
.deactivate_text__subTitle___pljUV{
color:#000;
font-size:14px;
font-weight:400;
line-height:24px;
opacity:.8}
.deactivate_btn___decVF{
margin-top:16px}
.deactivate_btn___decVF .promoBtn___P0CJE:first-child{
width:112px}
.deactivate_btn___decVF .promoBtn___P0CJE:last-child{
margin-left:8px;
width:168px}
.deactivate___QfWLO{
width:288px}
.deactivate_text__title___oMzmm{
color:#000;
font-size:24px;
font-weight:500;
line-height:32px;
margin:0}
.deactivate_text__subTitle___R9v3v{
color:#000;
font-size:14px;
font-weight:400;
line-height:24px;
opacity:.8}
.deactivate_btn___yq8Q9{
margin-top:18px}
.deactivate_btn___yq8Q9 .promoBtn___upzko:first-child{
width:112px}
.deactivate_btn___yq8Q9 .promoBtn___upzko:last-child{
margin-left:8px;
width:168px}
.notFoundPage___NqROv{
background:#f1f3f5;
min-height:100vh}
.notFoundPageContent___ECwnv{
margin:0 16px}
@media screen and (360)and (orientation:portrait){
.notFoundPageContent___ECwnv{
margin:0 32px}
}
@media screen and (orientation:landscape){
.notFoundPageContent___ECwnv{
padding-bottom:32px;
text-align:center}
}
@media screen and (min-width:536)and (orientation:portrait){
.notFoundPageContent___ECwnv{
text-align:center}
}
.notFoundPageContent___ECwnv h1{
font-size:24px;
font-weight:500;
line-height:32px;
margin:14px 0 0}
@media screen and (min-width:536)and (orientation:portrait){
.notFoundPageContent___ECwnv h1{
margin:20px 0 0}
}
@media screen and (min-width:1024px){
.notFoundPageContent___ECwnv h1{
font-size:32px;
font-weight:500;
line-height:42px;
margin:30px 0 0}
}
.notFoundPageContent___ECwnv p{
font-size:12px;
line-height:18px;
line-height:22px;
margin:6px 0 16px;
opacity:.8}
@media screen and (orientation:landscape){
.notFoundPageContent___ECwnv p{
margin:6px 0 16px}
}
@media screen and (min-width:536)and (orientation:portrait){
.notFoundPageContent___ECwnv p{
margin:16px auto 24px;
max-width:520px}
}
@media screen and (min-width:1024px){
.notFoundPageContent___ECwnv p{
font-size:14px;
line-height:24px;
margin:16px auto 32px;
max-width:608px}
}
.notFoundPageContent___ECwnv a{
width:192px}
.notFoundPageImage___UCKuX{
margin-top:16px;
width:224px}
@media screen and (360)and (orientation:portrait){
.notFoundPageImage___UCKuX{
margin:32px 0 0}
}
@media screen and (orientation:landscape){
.notFoundPageImage___UCKuX{
margin:16px auto 0}
}
@media screen and (orientation:landscape)and (min-height:360px){
.notFoundPageImage___UCKuX{
margin:32px auto 0}
}
@media screen and (min-width:536px){
.notFoundPageImage___UCKuX{
margin:56px auto 0}
}
@media screen and (min-width:1024px){
.notFoundPageImage___UCKuX{
margin:48px auto 0;
width:400px}
}
@media screen and (min-width:1232px){
.notFoundPageImage___UCKuX{
margin:96px auto 0;
width:508px}
}
.notFoundPageImage___UCKuX img{
width:100%}
.notFoundPage___NqROv .btn___oMbO_{
width:208px}
.notFoundPage___Y9Z0A{
background:#f1f3f5;
min-height:100vh}
.notFoundPageContent___fHynu{
margin:0 16px}
@media screen and (min-width:360px)and (orientation:portrait){
.notFoundPageContent___fHynu{
margin:0 32px}
}
@media screen and (min-height:360px)and (orientation:landscape){
.notFoundPageContent___fHynu{
margin:0 32px}
}
@media screen and (orientation:landscape){
.notFoundPageContent___fHynu{
padding-bottom:32px;
text-align:center}
}
@media screen and (min-width:536px)and (orientation:portrait){
.notFoundPageContent___fHynu{
text-align:center}
}
.notFoundPageContent___fHynu h1{
font-size:24px;
font-weight:500;
line-height:32px;
margin:14px 0 0}
@media screen and (min-width:536px)and (orientation:portrait){
.notFoundPageContent___fHynu h1{
margin:20px 0 0}
}
@media screen and (min-height:536px)and (orientation:landscape){
.notFoundPageContent___fHynu h1{
margin-top:22px}
}
@media screen and (min-width:1024px){
.notFoundPageContent___fHynu h1{
font-size:32px;
font-weight:500;
line-height:42px;
margin:30px 0 0}
}
.notFoundPageContent___fHynu p{
font-size:12px;
line-height:18px;
line-height:22px;
margin:6px 0 24px;
opacity:.8}
@media screen and (orientation:landscape){
.notFoundPageContent___fHynu p{
margin:6px 0 16px}
}
@media screen and (min-width:536px)and (orientation:portrait){
.notFoundPageContent___fHynu p{
margin:16px auto 24px;
max-width:520px}
}
@media screen and (min-height:536px)and (orientation:landscape){
.notFoundPageContent___fHynu p{
margin:14px auto 24px;
max-width:520px}
}
@media screen and (min-width:1024px){
.notFoundPageContent___fHynu p{
font-size:14px;
line-height:24px;
margin:16px auto 32px;
max-width:608px}
}
.notFoundPageContent___fHynu a{
width:192px}
.notFoundPageImage___RptHz{
margin:80px 0 0;
width:224px}
@media screen and (orientation:landscape){
.notFoundPageImage___RptHz{
margin:80px auto 0}
}
@media screen and (min-width:536px){
.notFoundPageImage___RptHz{
margin:80px auto 0}
}
@media screen and (min-width:1024px){
.notFoundPageImage___RptHz{
width:400px}
}
@media screen and (min-width:1232px){
.notFoundPageImage___RptHz{
width:508px}
}
.notFoundPageImage___RptHz img{
width:100%}
.jackpotWrap___iqkRC{
margin:24px 0}
@media screen and (min-width:1024px){
.jackpotWrap___iqkRC{
margin:40px 0}
}
.jackpot___msPwa{
background:radial-gradient(112.5% 794.46% at 106.25% 162.5%,#fff 0,#fff0 100%),linear-gradient(.311turn,#0057ff 11.31%,#237dff 64.37%),linear-gradient(0deg,#0085ff,#0085ff),linear-gradient(180deg,#b24592,#f15f79);
border-radius:8px;
color:#fff;
display:block;
font-family:Rubik,sans-serif;
height:100px;
padding:16px 40px;
position:relative;
text-decoration:none}
@media screen and (max-width:567px){
.jackpot___msPwa{
height:200px;
padding-top:24px;
text-align:center}
}
@media screen and (min-width:768px)and (max-width:1023px){
.jackpot___msPwa{
height:116px;
padding:24px 40px}
}
@media screen and (min-width:1024px){
.jackpot___msPwa{
height:144px;
padding:24px 64px}
}
.jackpot___msPwa:before{
background:url(/assets/img/sys/jackpot/bgImg.png) 100% no-repeat;
background-size:auto 100%;
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:0}
.valueWrap___kM15m{
display:block}
.title___Lg3xi{
font-size:18px;
font-weight:700;
line-height:24px;
margin-bottom:8px}
.value___BXS7j{
font-size:32px;
font-weight:500;
line-height:36px}
@media screen and (min-width:1024px){
.value___BXS7j{
font-size:52px;
line-height:64px}
}
.value___BXS7j [class^=currencySymbol]{
font-weight:300}
.coins___EpQ5P{
bottom:-20px;
left:auto;
pointer-events:none;
position:absolute;
right:18px;
top:auto;
width:255px;
z-index:0}
@media screen and (min-width:536px){
.coins___EpQ5P{
right:0;
width:246px}
}
@media screen and (min-width:768px){
.coins___EpQ5P{
right:43px}
}
@media screen and (min-width:1024px){
.coins___EpQ5P{
bottom:-25px;
right:33px;
width:354px}
}
@media screen and (min-width:1280px){
.coins___EpQ5P{
right:104px}
}
.slider___Y0C5c{
display:block}
.slider___Y0C5c .slick-list,.slider___Y0C5c .slick-slide,.slider___Y0C5c .slick-track{
height:inherit}
.slider___Y0C5c .slick-track{
display:flex}
.slider___Y0C5c .slick-slide>div{
height:100%;
width:100%}
.slider___Y0C5c .slick-arrow{
background:#0000;
height:24px;
position:absolute;
right:0;
top:0;
width:24px}
.slider___Y0C5c .slick-arrow svg{
fill:#f23138}
.slider___Y0C5c .slick-arrow.prev{
right:32px;
transform:rotate(180deg)}
.slider___Y0C5c .slick-arrow.slick-disabled svg{
fill:#f2313833}
@media screen and (max-width:1023px){
.slider___Y0C5c .slick-arrow{
display:none!important}
}
.promoTitle___GR1GC{
align-items:center;
display:flex;
justify-content:space-between;
margin-bottom:8px}
@media screen and (min-width:1024px){
.promoTitle___GR1GC{
justify-content:flex-start;
margin-bottom:16px}
}
.titleWrap___c14u3{
display:flex}
.title___CgUa5{
color:#121213;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px;
margin-left:8px}
@media screen and (min-width:568px){
.title___CgUa5{
font-size:18px;
font-weight:700;
line-height:24px}
}
.diver___p017g{
color:#7b96c8;
display:none;
font-size:14px;
line-height:24px;
margin:0 8px}
@media screen and (min-width:1024px){
.diver___p017g{
display:inline}
}
.promoShowAll___mcyI5{
color:#7b96c8;
font-size:12px;
line-height:18px;
white-space:nowrap}
@media screen and (min-width:568px){
.promoShowAll___mcyI5{
font-size:14px;
line-height:24px}
}
.showAllNumber___YBxaI{
background-color:#e2e3e5;
border-radius:16px;
color:#234183cc;
margin-left:4px;
padding:0 8px}
.categoryCustomIcon___zcXXg{
height:24px;
object-fit:cover;
width:24px}
.gameLink___Syaqv{
display:block}
.nowWinnersWrap___Z6t_0{
margin-bottom:30px;
position:relative}
@media screen and (min-width:1024px){
.nowWinnersWrap___Z6t_0{
margin-bottom:32px}
}
.nowWinnersWrap___Z6t_0 [class^=promoTitle]{
margin-bottom:16px}
@media screen and (min-width:1024px){
.nowWinnersWrap___Z6t_0 [class^=promoTitle]{
gap:24px;
margin-bottom:24px}
}
.gameWrap___HGOfq{
background-color:#0075ff;
border-radius:8px;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
display:block;
height:80px;
position:relative;
width:192px}
@media screen and (min-width:1024px)and (max-width:1279px){
.gameWrap___HGOfq{
width:218px}
}
.linkWrap___sv_iT{
display:flex;
height:100%;
max-width:192px;
position:relative}
@media screen and (min-width:1024px)and (max-width:1279px){
.linkWrap___sv_iT{
max-width:218px}
}
.linkWrap___sv_iT:before{
background:linear-gradient(90deg,#0000004d,#0000);
bottom:0;
content:"";
height:100%;
left:64px;
position:absolute;
right:0;
top:0;
width:16px;
z-index:0}
.tmbImgContainer___DajlO{
height:96px;
margin-top:-8px;
min-width:64px;
width:64px}
.tmbImgContainer___DajlO img,.tmbImgContainer___DajlO picture{
border-radius:4px;
height:100%;
object-fit:cover;
width:100%}
.info___tLJKH{
margin:8px 0 8px 12px;
overflow:hidden}
.gameName___nJjMI,.name___PPduT{
color:#fffc;
font-size:10px;
line-height:16px;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.gameName___nJjMI{
font-size:12px;
line-height:18px;
text-decoration-line:underline}
.sum___tf_mB{
color:#fff;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px;
margin-bottom:4px}
.nowWinners___ifGPV{
margin-bottom:-8px;
margin-top:-8px;
overflow:hidden;
padding-bottom:8px;
padding-top:8px}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.nowWinners___ifGPV{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
@media screen and (min-width:320px){
.nowWinners___ifGPV{
margin-right:-16px;
padding-right:16px;
width:calc(100% + 8px)}
}
@media screen and (min-width:360px){
.nowWinners___ifGPV{
margin-right:-32px;
padding-right:32px;
width:calc(100% + 16px)}
}
@media screen and (min-width:536px){
.nowWinners___ifGPV{
margin-right:-48px;
padding-right:48px}
}
@media screen and (min-width:768px){
.nowWinners___ifGPV{
margin-right:-64px;
padding-right:64px}
}
@media screen and (min-width:1024px){
.nowWinners___ifGPV{
margin-right:0;
-webkit-mask-image:none;
mask-image:none;
padding-right:0;
width:100%}
}
.nowWinners___ifGPV .slick-track{
gap:8px}
@media screen and (min-width:1024px){
.nowWinners___ifGPV .slick-track{
gap:16px}
}
.nowWinners___ifGPV .slick-slide{
width:192px}
@media screen and (min-width:1024px)and (max-width:1279px){
.nowWinners___ifGPV .slick-slide{
width:218px}
}
.pattern___lgIws{
bottom:0;
height:100%;
left:0;
overflow:hidden;
pointer-events:none;
position:absolute;
right:auto;
top:auto;
width:100%}
.imagePattern___e3pBw,.pattern___lgIws{
background-position:0 0;
background-repeat:repeat;
z-index:0}
.imagePattern___e3pBw{
background-size:auto}
.imgCharacter___GpPQz{
background-position:100% 100%;
background-repeat:no-repeat;
background-size:contain;
height:100%;
width:100%}
.actions___YZzul .imgCharacterBlock___Gl3hv,.actions_mob___GN5tm .imgCharacterBlock___Gl3hv,.actions_promotion___plUMV .imgCharacterBlock___Gl3hv,.actions_promotion_mob___fUDNQ .imgCharacterBlock___Gl3hv{
bottom:0;
height:100%;
left:auto;
max-height:200px;
position:absolute;
right:0;
top:auto;
width:200px;
z-index:52}
.actions___YZzul .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz,.actions_mob___GN5tm .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz,.actions_promotion___plUMV .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz,.actions_promotion_mob___fUDNQ .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz{
background-position:100% 100%;
background-repeat:no-repeat;
background-size:contain;
height:100%;
width:100%;
z-index:53}
.main_slider___JSeqk .imgCharacterBlock___Gl3hv{
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
height:320px;
position:absolute;
width:320px;
z-index:52}
@media screen and (max-width:535px){
.main_slider___JSeqk .imgCharacterBlock___Gl3hv{
height:300px;
-webkit-mask-image:linear-gradient(0deg,#0000,#000 40%);
mask-image:linear-gradient(0deg,#0000,#000 40%);
right:50%;
top:17px;
transform:translateX(50%);
width:320px}
}
@media screen and (min-width:536px){
.main_slider___JSeqk .imgCharacterBlock___Gl3hv{
bottom:0;
height:100%;
right:0}
}
.lotteries_list___tuA3q .imgCharacterBlock___Gl3hv{
background-position:50%;
background-repeat:no-repeat;
background-size:contain;
bottom:0;
height:100%;
position:absolute;
right:0;
width:320px;
z-index:52}
.lottery_widget___ajmgK .imgCharacterBlock___Gl3hv,.tournament_widget___BkQ31 .imgCharacterBlock___Gl3hv{
bottom:0;
height:100%;
left:auto;
max-height:200px;
position:absolute;
right:0;
top:auto;
width:200px;
z-index:52}
@media screen and (min-width:1024px){
.lottery_widget___ajmgK .imgCharacterBlock___Gl3hv,.tournament_widget___BkQ31 .imgCharacterBlock___Gl3hv{
max-height:320px;
width:320px}
}
.lottery_widget___ajmgK .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz,.tournament_widget___BkQ31 .imgCharacterBlock___Gl3hv .imgCharacter___GpPQz{
background-position:100% 100%;
background-repeat:no-repeat;
background-size:contain;
height:100%;
width:100%;
z-index:53}
.actions___YZzul{
border-radius:8px;
overflow:hidden}
.button___e1MtS{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___e1MtS.disabled___LFHQe,.button___e1MtS:disabled{
pointer-events:none}
.sm___W0M30{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.button___e1MtS,.md___ueb_p{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.button___e1MtS,.primary___bj6vg{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.button___e1MtS:not(.isMobile___ouqag):hover,.primary___bj6vg:not(.isMobile___ouqag):hover{
background-color:#ff4d53;
box-shadow:none}
.button___e1MtS:disabled,.disabled___LFHQe.button___e1MtS,.primary___bj6vg.disabled___LFHQe,.primary___bj6vg:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___NMoHv{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___NMoHv:not(.isMobile___ouqag):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___NMoHv.disabled___LFHQe,.white___NMoHv:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___E725p{
border:2px solid #303747;
color:#fff}
.secondary___E725p:not(.isMobile___ouqag):hover{
background-color:#303747}
.secondary___E725p.disabled___LFHQe,.secondary___E725p:disabled{
color:#fff6}
.secondaryWhite___r5pQO{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___r5pQO:not(.isMobile___ouqag):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___r5pQO.disabled___LFHQe,.secondaryWhite___r5pQO:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___Lb72c{
background-color:#e2e3e5;
color:#234183}
.filter___Lb72c.active___wvTY3,.filter___Lb72c:not(.isMobile___ouqag):hover{
background-color:#fff;
color:#f23138}
.icon___jN0Gk{
background-color:#0075ff;
color:#fff}
.icon___jN0Gk.disabled___LFHQe,.icon___jN0Gk:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.slide___MpljQ{
align-items:normal;
border-radius:8px;
display:flex;
filter:drop-shadow(0 16px 72px rgba(0,0,0,.8));
flex-direction:column;
flex-wrap:nowrap;
height:320px;
justify-content:center;
opacity:.7;
overflow:hidden;
padding:0 16px 48px;
position:relative;
transform:scale(.9);
transition:transform 1s,opacity 1s,filter 1s;
width:calc(100vw - 32px)}
@media screen and (max-width:567px){
.slide___MpljQ{
padding:68px 16px}
}
@media screen and (min-width:568px)and (max-width:767px){
.slide___MpljQ{
height:220px;
padding:34px 32px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.slide___MpljQ{
padding:68px 40px}
}
@media screen and (min-width:1024px){
.slide___MpljQ{
padding:68px 80px;
width:920px}
}
.slide___MpljQ [class*=pattern_]{
border-radius:8px;
z-index:-1}
.slide___MpljQ [class*=imgCharacterBlock]{
height:100%;
transition:transform .3s ease .15s,right .3s ease .15s;
width:280px}
@media screen and (max-width:567px){
.slide___MpljQ [class*=imgCharacterBlock]{
right:-75px;
transform:none}
}
@media screen and (min-width:568px)and (max-width:767px){
.slide___MpljQ [class*=imgCharacterBlock]{
margin-right:-35px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.slide___MpljQ [class*=imgCharacterBlock]{
right:40px}
}
@media screen and (min-width:1024px){
.slide___MpljQ [class*=imgCharacterBlock]{
right:80px}
}
.slide___MpljQ:before{
background:linear-gradient(270deg,#19213300 40%,#283c66);
bottom:0;
content:"";
left:0;
position:absolute;
right:0;
top:0;
z-index:0}
.slide___MpljQ.activeSlide____TsSv{
opacity:1;
transform:scale(1);
transition:transform 1s,opacity 1s,filter 1s;
z-index:1}
.slide___MpljQ.activeSlide____TsSv:after{
background:linear-gradient(270deg,#19213300 40%,#283c66);
background:linear-gradient(270deg,#19213300 40%,#192a4f);
bottom:0;
content:"";
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:opacity .5s ease-in-out;
z-index:0;
z-index:-1}
@media screen and (max-width:767px){
.slide___MpljQ.activeSlide____TsSv:after,.slide___MpljQ.activeSlide____TsSv:before{
background:linear-gradient(90deg,#0009,#0000);
opacity:1}
}
@media screen and (min-width:1024px){
.slide___MpljQ.activeSlide____TsSv:hover{
filter:drop-shadow(0 16px 72px rgba(0,0,0,.5))}
.slide___MpljQ.activeSlide____TsSv:hover:before{
z-index:0}
.slide___MpljQ.activeSlide____TsSv:hover:after{
opacity:1}
.slide___MpljQ.activeSlide____TsSv:hover .nextArrow___FJXiG,.slide___MpljQ.activeSlide____TsSv:hover .prevArrow___B3MV3{
opacity:1;
pointer-events:unset}
.slide___MpljQ.activeSlide____TsSv:hover [class*=imgCharacterBlock]{
right:110px;
transform:scale(1.125)}
}
.slide___MpljQ.activeSlide____TsSv [class*=pattern_]{
animation-duration:1s;
animation-name:slideBackgroundAnimation___oYT9z;
animation-timing-function:ease-in-out;
will-change:contents}
.slide___MpljQ.activeSlide____TsSv [class*=imgCharacterBlock]{
animation-duration:1s;
animation-iteration-count:1;
animation-name:slidePersonageAnimation___Q7mSn;
animation-timing-function:ease-in}
.html___vdKAe{
color:#fff;
max-width:400px;
position:relative;
z-index:1}
@media screen and (max-width:567px){
.html___vdKAe{
margin-right:84px}
}
.html___vdKAe>*{
margin:0;
padding:0;
position:relative}
.html___vdKAe>:first-of-type{
font-family:Rubik,sans-serif;
font-size:24px;
font-weight:700;
line-height:32px;
margin-bottom:8px}
@media screen and (min-width:768px){
.html___vdKAe>:first-of-type{
font-size:32px;
font-weight:700;
line-height:42px}
}
.html___vdKAe>:nth-of-type(2),.html___vdKAe>:nth-of-type(3){
color:#fffc;
font-size:16px;
line-height:24px}
@media screen and (min-width:768px){
.html___vdKAe>:nth-of-type(2),.html___vdKAe>:nth-of-type(3){
font-size:24px;
line-height:32px}
}
[class*=activeSlide] .html___vdKAe{
animation-duration:1s;
animation-name:slideTextAnimation___C0g7C;
animation-timing-function:ease-in-out}
.button___e1MtS{
margin-top:24px;
min-width:147px;
position:relative;
width:-moz-fit-content;
width:fit-content}
@media screen and (min-width:568px)and (max-width:767px){
.button___e1MtS{
margin-top:16px}
}
[class*=activeSlide] .button___e1MtS{
animation-duration:1s;
animation-name:slideButtonAnimation___CnRfV;
animation-timing-function:ease-out}
.nextArrow___FJXiG,.prevArrow___B3MV3{
align-items:center;
bottom:auto;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:100%;
justify-content:center;
left:auto;
opacity:0;
pointer-events:none;
position:absolute;
right:0;
top:0;
transition:opacity .5s;
width:64px;
z-index:1}
.nextArrow___FJXiG svg,.prevArrow___B3MV3 svg{
opacity:.6;
transition:opacity .5s}
.nextArrow___FJXiG:after,.prevArrow___B3MV3:after{
background:linear-gradient(270deg,#19213333,#19213300);
bottom:0;
content:"";
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:opacity .5s;
z-index:0}
.nextArrow___FJXiG:hover svg,.nextArrow___FJXiG:hover:after,.prevArrow___B3MV3:hover svg,.prevArrow___B3MV3:hover:after{
opacity:1}
.prevArrow___B3MV3{
left:0;
right:auto;
transform:rotate(180deg)}
@keyframes slideButtonAnimation___CnRfV{
0%{
opacity:0;
@media screen and (max-width:567px){
transform:translateX(calc(-100% - 816px))}
@media screen and (min-width:568px)and (max-width:767px){
transform:translateX(calc(-100% - 832px))}
@media screen and (min-width:768px)and (max-width:1023px){
transform:translateX(calc(-100% - 840px))}
@media screen and (min-width:1024px){
transform:translateX(calc(-100% - 880px))}
}
50%{
opacity:0}
85%{
transform:translateX(15%)}
to{
opacity:1;
transform:translateX(0)}
}
@keyframes slideTextAnimation___C0g7C{
0%{
opacity:0;
@media screen and (max-width:567px){
transform:translateX(calc(-100% - 116px))}
@media screen and (min-width:568px)and (max-width:767px){
transform:translateX(calc(-100% - 132px))}
@media screen and (min-width:768px)and (max-width:1023px){
transform:translateX(calc(-100% - 140px))}
@media screen and (min-width:1024px){
transform:translateX(calc(-100% - 180px))}
}
50%{
opacity:0}
75%{
transform:translateX(7%)}
to{
opacity:1;
transform:translateX(0)}
}
@keyframes slideBackgroundAnimation___oYT9z{
0%{
transform:scale(1.5)}
to{
transform:scale(1)}
}
@keyframes slidePersonageAnimation___Q7mSn{
0%{
opacity:0;
transform:scale(.5)}
50%{
opacity:0}
80%{
transform:scale(1.1)}
to{
opacity:1;
transform:none}
}
.sliderWrap___EfSbh{
background-color:#0075ff;
margin-left:calc(-50vw - -50%);
overflow:hidden;
width:100vw}
.mainSlider___gmFBF{
padding:14px 0 60px;
position:relative;
z-index:0}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.mainSlider___gmFBF{
-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px,#000 calc(100vw - 16px),#0000);
mask-image:linear-gradient(90deg,#0000,#000 16px,#000 calc(100vw - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
@media screen and (min-width:768px){
.mainSlider___gmFBF{
padding:24px 0 40px}
}
@media screen and (min-width:1024px){
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.mainSlider___gmFBF{
-webkit-mask-image:linear-gradient(90deg,#0000 1%,#000 calc(50vw - 460px),#000 calc(50vw + 460px),#0000 99%);
mask-image:linear-gradient(90deg,#0000 1%,#000 calc(50vw - 460px),#000 calc(50vw + 460px),#0000 99%);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
}
.mainSlider___gmFBF:empty{
display:none}
.mainSlider___gmFBF .slick-list,.mainSlider___gmFBF .slick-slide,.mainSlider___gmFBF .slick-track{
height:inherit}
.mainSlider___gmFBF .slick-track{
display:flex}
.mainSlider___gmFBF .slick-slide{
pointer-events:none}
.mainSlider___gmFBF .slick-slide.slick-active{
pointer-events:unset}
.mainSlider___gmFBF .slick-slide.slick-active>div{
position:relative;
z-index:10}
.mainSlider___gmFBF .slick-slide>div{
height:100%;
margin:0 -50px}
.mainSlider___gmFBF .slick-dots{
bottom:36px;
font-size:0;
left:0;
position:absolute;
right:0;
text-align:center}
@media screen and (min-width:768px){
.mainSlider___gmFBF .slick-dots{
bottom:16px}
}
.mainSlider___gmFBF .slick-dots li{
display:inline-block}
.mainSlider___gmFBF .slick-dots li:not(:last-child){
margin-right:12px}
.mainSlider___gmFBF .slick-dots li button{
background:#fff;
border:2px solid #fff;
border-radius:50%;
font-size:0;
height:8px;
opacity:.3;
outline:none;
padding:0;
transition:opacity .3s ease;
width:8px}
.mainSlider___gmFBF .slick-dots li.slick-active button{
opacity:1;
transition:opacity .3s ease}
.mainSlider___gmFBF.withFadeSliderDots___wsn2m .slick-dots{
opacity:0;
transition:opacity .5s}
.mainSlider___gmFBF.withFadeSliderDots___wsn2m:hover .slick-dots{
opacity:1;
transition:opacity .5s}
.button___m5SlL{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___m5SlL.disabled___IUMk8,.button___m5SlL:disabled{
pointer-events:none}
.sm___BknpR{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.btn___ufvu4,.md___ygyVa{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.primary___Scdb6{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.primary___Scdb6:not(.isMobile___uyyAz):hover{
background-color:#ff4d53;
box-shadow:none}
.primary___Scdb6.disabled___IUMk8,.primary___Scdb6:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___yRGcZ{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___yRGcZ:not(.isMobile___uyyAz):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___yRGcZ.disabled___IUMk8,.white___yRGcZ:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___g0w63{
border:2px solid #303747;
color:#fff}
.secondary___g0w63:not(.isMobile___uyyAz):hover{
background-color:#303747}
.secondary___g0w63.disabled___IUMk8,.secondary___g0w63:disabled{
color:#fff6}
.secondaryWhite___b6cgZ{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___b6cgZ:not(.isMobile___uyyAz):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___b6cgZ.disabled___IUMk8,.secondaryWhite___b6cgZ:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___WL8fI{
background-color:#e2e3e5;
color:#234183}
.filter___WL8fI.active___ygHIy,.filter___WL8fI:not(.isMobile___uyyAz):hover{
background-color:#fff;
color:#f23138}
.icon___rqA2b{
background-color:#0075ff;
color:#fff}
.icon___rqA2b.disabled___IUMk8,.icon___rqA2b:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.lotteryWidgetWrap___KroLq{
margin-bottom:24px;
position:relative}
@media screen and (min-width:1024px){
.lotteryWidgetWrap___KroLq{
margin-bottom:32px}
}
@media screen and (max-width:1023px){
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.lotteryWidgetWrap___KroLq [class^=slick-slider]{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
}
.widgetSlider___IiWkK{
margin:0 -16px;
overflow:hidden;
padding-left:16px}
.widgetSlider___IiWkK .slick-slide{
width:calc(100vw - 32px)}
@media screen and (min-width:568px)and (max-width:767px){
.widgetSlider___IiWkK .slick-slide{
width:488px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.widgetSlider___IiWkK .slick-slide{
width:calc(50vw - 20px)}
}
@media screen and (min-width:1024px){
.widgetSlider___IiWkK .slick-slide{
max-width:608px;
width:100%}
}
.widgetSlider___IiWkK .slick-slide+.slick-slide{
margin-left:16px}
@media screen and (max-width:1023px){
.widgetSlider___IiWkK .slick-slide+.slick-slide{
margin-left:8px}
}
.sidebarLotteryWidget___JqkBF{
border-radius:8px;
color:#fff;
display:flex!important;
flex-direction:column;
height:200px;
justify-content:space-between;
overflow:hidden;
padding:16px;
position:relative}
@media screen and (min-width:1024px){
.sidebarLotteryWidget___JqkBF{
height:336px;
padding:32px 40px}
}
.sidebarLotteryWidget___JqkBF:after,.sidebarLotteryWidget___JqkBF:before{
background:#f1f3f5;
border-radius:50%;
bottom:auto;
content:"";
height:24px;
left:auto;
position:absolute;
right:50px;
top:-12px;
width:24px;
z-index:1}
@media screen and (min-width:1024px){
.sidebarLotteryWidget___JqkBF:after,.sidebarLotteryWidget___JqkBF:before{
height:32px;
right:80px;
top:-16px;
width:32px}
}
.sidebarLotteryWidget___JqkBF:after{
bottom:-12px;
top:auto}
@media screen and (min-width:1024px){
.sidebarLotteryWidget___JqkBF:after{
bottom:-16px}
}
.gradientBackground___gksmB{
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.gradientBackground___gksmB .pattern____FuiA{
background-position:0 0;
background-repeat:repeat;
background-size:auto;
height:100%;
width:100%}
.gradientBackground___gksmB .character___cS88t{
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:-1}
.nameWrap___G6CZf{
z-index:1}
.title___in8cd{
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px}
@media screen and (min-width:1024px){
.title___in8cd{
font-size:32px;
font-weight:700;
line-height:42px}
}
.countdown___B8L84{
color:#ffffffb3;
font-size:12px;
line-height:18px}
@media screen and (min-width:1024px){
.countdown___B8L84{
font-size:16px;
line-height:24px}
}
.prizeWrap___td14U{
display:flex;
flex-direction:column;
z-index:1}
.prizeFund___pg1CF{
display:block}
.prizeAlias___Np34h{
color:#ffffffb3;
display:block;
font-size:12px;
line-height:18px}
@media screen and (min-width:1024px){
.prizeAlias___Np34h{
font-size:16px;
line-height:24px}
}
.prizeVal___KBU7M{
display:block;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px}
@media screen and (min-width:1024px){
.prizeVal___KBU7M{
font-size:24px;
font-weight:700;
line-height:32px}
}
.btn___ufvu4{
margin-top:16px;
width:152px}
@media screen and (max-width:1023px){
.btn___ufvu4{
height:40px}
}
@media screen and (min-width:1024px){
.btn___ufvu4{
width:197px}
}
.button___lgAia,.demoBtn___OPIs3,.playBtn___CTq_K{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___lgAia.disabled___pcbLm,.button___lgAia:disabled,.demoBtn___OPIs3:disabled,.disabled___pcbLm.demoBtn___OPIs3,.disabled___pcbLm.playBtn___CTq_K,.playBtn___CTq_K:disabled{
pointer-events:none}
.sm___xVNIE{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.demoBtn___OPIs3,.md___BgdQG,.playBtn___CTq_K{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.playBtn___CTq_K,.primary___c3gmf{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.playBtn___CTq_K:not(.isMobile___G5Zw3):hover,.primary___c3gmf:not(.isMobile___G5Zw3):hover{
background-color:#ff4d53;
box-shadow:none}
.disabled___pcbLm.playBtn___CTq_K,.playBtn___CTq_K:disabled,.primary___c3gmf.disabled___pcbLm,.primary___c3gmf:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___Z8As4{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___Z8As4:not(.isMobile___G5Zw3):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___Z8As4.disabled___pcbLm,.white___Z8As4:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___lcUYX{
border:2px solid #303747;
color:#fff}
.secondary___lcUYX:not(.isMobile___G5Zw3):hover{
background-color:#303747}
.secondary___lcUYX.disabled___pcbLm,.secondary___lcUYX:disabled{
color:#fff6}
.secondaryWhite___EvxYP{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___EvxYP:not(.isMobile___G5Zw3):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___EvxYP.disabled___pcbLm,.secondaryWhite___EvxYP:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___ldGBN{
background-color:#e2e3e5;
color:#234183}
.filter___ldGBN.active___MPo9g,.filter___ldGBN:not(.isMobile___G5Zw3):hover{
background-color:#fff;
color:#f23138}
.icon___IXpKf{
background-color:#0075ff;
color:#fff}
.icon___IXpKf.disabled___pcbLm,.icon___IXpKf:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.tmb____2WtB{
border-radius:8px;
display:flex;
overflow:hidden;
padding-bottom:150%;
position:relative}
:not([class*=promoBody]) .tmb____2WtB{
max-height:140px}
.tmb____2WtB:after{
background:linear-gradient(180deg,#19213300,#192133cc 65%),linear-gradient(180deg,#19213300,#192133 98%);
bottom:0;
content:"";
height:27%;
left:0;
position:absolute;
right:0;
top:auto;
transition:height .2s;
z-index:0}
.tmb____2WtB:hover:after{
height:100%}
.tmb____2WtB:hover .tmbAction___zgvUj{
opacity:1}
.tmb____2WtB .lazyload-wrapper{
height:100%}
.tmb____2WtB .lazyload-wrapper .lazyload-placeholder{
background:url(/assets/img/sys/games/defaultThumb.webp);
background-size:cover;
border-radius:8px;
overflow:hidden;
padding-bottom:100%;
position:relative;
width:100%}
.tmbImg___Eg4o5{
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
z-index:0}
.tmbImgContainer___C5KlI,.tmbImgItem___TLpZC{
height:100%;
width:100%}
.tmbImgContainer___C5KlI img,.tmbImgItem___TLpZC img{
object-fit:cover;
object-position:top}
.tmbAction___zgvUj{
bottom:0;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:opacity .2s;
will-change:opacity;
z-index:1}
.defaultButtonWrap___eS2wK,.tournamentsButtonWrap___czKMW{
display:flex;
flex-direction:column;
gap:8px;
height:100%;
justify-content:center;
padding:8px 20px}
.demoBtn___OPIs3,.playBtn___CTq_K{
width:100%}
.demoBtn___OPIs3{
color:#fff}
.btnWrap___oy2cM{
align-items:center;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:center}
.favorites___Cznbg{
bottom:auto;
cursor:pointer;
height:24px;
left:auto;
margin:8px;
position:absolute;
right:0;
top:0;
width:24px;
z-index:0}
.starIcon___ORwG2{
fill:#fff;
stroke:#fff;
transition:fill .1s,stroke .1s}
.starIcon___ORwG2.active___MPo9g,.starIcon___ORwG2:hover{
fill:#ffc857;
stroke:#ffc857}
.gameInfo___QI87i{
align-items:center;
bottom:0;
color:#fff;
cursor:default;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:100%;
justify-content:center;
left:0;
max-height:56px;
position:absolute;
right:0;
top:auto;
z-index:1}
.gameInfo___QI87i .titleMob___o7MnV{
font-size:12px;
font-weight:500;
line-height:20px;
max-width:98%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
@media screen and (min-width:1024px){
.gameInfo___QI87i .titleMob___o7MnV{
font-size:14px;
font-weight:500;
line-height:24px}
}
.gameInfo___QI87i .gameProvider___Amf96{
color:#fffc;
font-size:10px;
line-height:16px;
max-width:98%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
.gameCategoryWrap___AZE6T{
margin-bottom:24px}
@media screen and (min-width:1024px)and (max-width:1279px){
.gameCategoryWrap___AZE6T{
margin-bottom:32px}
}
@media screen and (min-width:1280px){
.gameCategoryWrap___AZE6T{
margin-bottom:40px}
}
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
display:grid}
@media screen and (max-width:1023px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
gap:8px;
grid-auto-columns:91px;
grid-auto-flow:column;
grid-template-rows:minmax(91px,1fr);
margin:0 -16px 0 0;
overflow-x:scroll;
padding:0 16px 0 0;
scroll-snap-type:x proximity}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
}
@media screen and (min-width:320px)and (max-width:567px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
grid-auto-columns:calc(33.33333vw - 16px);
grid-template-rows:minmax(calc(33.33333vw - 16px),1fr)}
}
@media screen and (min-width:568px)and (max-width:767px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
grid-auto-columns:calc(16.66667vw - 12px);
grid-template-rows:minmax(calc(16.66667vw - 12px),1fr)}
}
@media screen and (min-width:768px)and (max-width:1023px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
grid-auto-columns:calc(14.28571vw - 12px);
grid-template-rows:minmax(calc(14.28571vw - 12px),1fr)}
}
@media screen and (min-width:1024px)and (max-width:1279px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
grid-gap:16px;
grid-template-columns:repeat(auto-fill,minmax(max(calc(14.28571% - 12.71429px),140px),140px))}
.gameCategoryWrap___AZE6T .promoBody___M2wwU:not(.promoBody_gamesCategory___R8ysQ)>[class^=tmb]:nth-child(n+13),.gameCategoryWrap___AZE6T .promoBody_gamesCategory___R8ysQ:not(.promoBody_gamesCategory___R8ysQ)>[class^=tmb]:nth-child(n+13){
display:none}
}
@media screen and (min-width:1280px){
.promoBody___M2wwU,.promoBody_gamesCategory___R8ysQ{
grid-gap:16px;
grid-template-columns:repeat(auto-fill,minmax(max(calc(11.11111% - 13.22222px),140px),140px))}
.gameCategoryWrap___AZE6T .promoBody___M2wwU:not(.promoBody_gamesCategory___R8ysQ)>[class^=tmb]:nth-child(n+17),.gameCategoryWrap___AZE6T .promoBody_gamesCategory___R8ysQ:not(.promoBody_gamesCategory___R8ysQ)>[class^=tmb]:nth-child(n+17){
display:none}
}
@media screen and (max-width:1023px){
.promoBody_gamesCategory___R8ysQ,.promoBody_gamesCategory_gamesCategory___G22R5{
grid-auto-columns:auto;
grid-auto-flow:row}
}
@media screen and (min-width:320px)and (max-width:567px){
.promoBody_gamesCategory___R8ysQ,.promoBody_gamesCategory_gamesCategory___G22R5{
grid-gap:8px;
grid-template-columns:repeat(auto-fill,minmax(max(calc(25% - 5px),calc(33.33333vw - 16px)),1fr))}
.promoBody_gamesCategory___R8ysQ>[class*=tmb],.promoBody_gamesCategory_gamesCategory___G22R5>[class*=tmb]{
max-width:calc(33.33333vw - 16px);
padding-bottom:calc(50vw - 24px)}
}
@media screen and (min-width:568px)and (max-width:767px){
.promoBody_gamesCategory___R8ysQ,.promoBody_gamesCategory_gamesCategory___G22R5{
grid-gap:8px;
grid-template-columns:repeat(auto-fill,minmax(max(calc(14.28571% - 5.85714px),calc(16.66667vw - 16px)),1fr))}
.promoBody_gamesCategory___R8ysQ>[class*=tmb],.promoBody_gamesCategory_gamesCategory___G22R5>[class*=tmb]{
max-width:calc(16.66667vw - 16px);
padding-bottom:calc(25vw - 24px)}
}
@media screen and (min-width:768px)and (max-width:1023px){
.promoBody_gamesCategory___R8ysQ,.promoBody_gamesCategory_gamesCategory___G22R5{
grid-gap:8px;
grid-template-columns:repeat(auto-fill,minmax(max(calc(12.5% - 6px),calc(14.28571vw - 16px)),1fr))}
.promoBody_gamesCategory___R8ysQ>[class*=tmb],.promoBody_gamesCategory_gamesCategory___G22R5>[class*=tmb]{
max-width:calc(14.28571vw - 16px);
padding-bottom:calc(21.42857vw - 24px)}
}
.waypoint___FCOUK{
height:70px;
position:relative}
.prizeAlias___ABtLB{
color:#ffffffb3;
display:block;
font-size:12px;
line-height:18px}
@media screen and (min-width:1024px){
.prizeAlias___ABtLB{
font-size:16px;
line-height:24px}
}
.prizeVal___G_78_{
display:block;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px}
@media screen and (min-width:1232px){
.prizeVal___G_78_{
font-size:24px;
font-weight:700;
line-height:32px}
}
.gamesWrap___OEycM{
align-items:center;
display:flex;
height:100%;
padding:8px 0;
position:relative}
.gamesWrap___OEycM [class^=swipable_]{
margin:0 8px;
overflow-x:auto;
overflow-y:hidden}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.gamesWrap___OEycM{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
.gameThumb___AfjiN{
display:inline-block;
flex-shrink:0;
height:72px;
width:48px}
.gameThumb___AfjiN [class*=lazyload-wrapper]{
height:100%}
.gameThumb___AfjiN img{
border-radius:4px;
display:block;
height:100%;
object-fit:cover;
object-position:top;
width:100%}
.gameThumb___AfjiN+.gameThumb___AfjiN{
margin-left:4px}
.leadersWrap___xMAZr{
padding:12px 16px}
.leadersWrap___xMAZr .table___jGE5G{
color:#121213;
font-size:10px;
font-weight:500;
line-height:16px}
.leadersWrap___xMAZr .table___jGE5G .row___kT1kO{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;
text-align:center}
.leadersWrap___xMAZr .table___jGE5G .icon___jE0pq{
margin-right:4px;
width:16px}
.leadersWrap___xMAZr .table___jGE5G .name___BZbbU{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:30%}
.leadersWrap___xMAZr .table___jGE5G .points___yc48k{
width:30%}
.leadersWrap___xMAZr .table___jGE5G .prize___B_jtW{
text-align:right;
width:41%}
.widgetData___QDlrg{
border-radius:0 0 8px 8px;
display:flex;
height:88px;
overflow:hidden}
.tabsWrap___M4dNI{
display:flex;
flex-direction:column}
.tab___meMXi{
align-items:center;
background-color:#e2e3e5;
color:#23418380;
display:flex;
font-size:14px;
height:50%;
justify-content:center;
line-height:24px;
width:80px}
.tab___meMXi[class*=active]{
background-color:#fff;
color:#091624}
.contentWrap___qiouh{
background-color:#fff;
flex-grow:1;
overflow:hidden}
.button___nnW8t{
align-items:center;
background:none;
box-shadow:0 0 1px #01003303,0 1px 2px #01003308;
color:#000;
cursor:pointer;
display:inline-flex;
justify-content:center;
mix-blend-mode:normal;
text-align:center;
text-decoration:none;
transition:all .2s}
.button___nnW8t.disabled___yHzoL,.button___nnW8t:disabled{
pointer-events:none}
.btnJoin___nwWew,.sm___qCfLO{
border-radius:24px;
font-size:14px;
font-weight:500;
height:32px;
padding:0 8px}
.md___BkGYH{
border-radius:24px;
font-size:16px;
font-weight:500;
height:48px;
padding:0 16px}
.primary___Yc93z{
background-color:#f23138;
box-shadow:0 0 16px #f2313866;
color:#fff}
.primary___Yc93z:not(.isMobile___vEtAt):hover{
background-color:#ff4d53;
box-shadow:none}
.primary___Yc93z.disabled___yHzoL,.primary___Yc93z:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.white___RFggR{
background-color:#fff;
box-shadow:0 0 16px #fff6;
color:#121213}
.white___RFggR:not(.isMobile___vEtAt):hover{
box-shadow:0 0 24px #fff6;
color:#121213cc}
.white___RFggR.disabled___yHzoL,.white___RFggR:disabled{
background-color:#9e9eaf4d;
box-shadow:none;
color:#9e9eaf}
.secondary___w8F36{
border:2px solid #303747;
color:#fff}
.secondary___w8F36:not(.isMobile___vEtAt):hover{
background-color:#303747}
.secondary___w8F36.disabled___yHzoL,.secondary___w8F36:disabled{
color:#fff6}
.secondaryWhite___r_AEo{
border:2px solid #1921331a;
color:#000}
.secondaryWhite___r_AEo:not(.isMobile___vEtAt):hover{
background-color:#303747;
border-color:#0000;
color:#fff}
.secondaryWhite___r_AEo.disabled___yHzoL,.secondaryWhite___r_AEo:disabled{
border:2px solid #1921334d;
opacity:.6}
.filter___FM7g6{
background-color:#e2e3e5;
color:#234183}
.filter___FM7g6.active___iP6zd,.filter___FM7g6:not(.isMobile___vEtAt):hover{
background-color:#fff;
color:#f23138}
.icon___RaLxF{
background-color:#0075ff;
color:#fff}
.icon___RaLxF.disabled___yHzoL,.icon___RaLxF:disabled{
background-color:#9e9eaf4d;
color:#fff6}
.tournamentData___tanPR{
border-radius:8px;
color:#fff;
display:flex;
flex-direction:column;
height:288px;
justify-content:space-between;
overflow:hidden;
padding:16px;
position:relative}
@media screen and (min-width:1024px){
.tournamentData___tanPR{
height:336px;
padding:32px 40px}
}
.tournamentData___tanPR.withWidget___xYtwu{
border-radius:8px 8px 0 0;
height:200px}
.actionWrap___Dhyy1,.infoWrap___V_wQu{
z-index:1}
.title___YYtwD{
display:block;
font-family:Rubik,sans-serif;
font-size:16px;
font-weight:700;
line-height:24px}
@media screen and (min-width:1024px){
.title___YYtwD{
font-size:32px;
font-weight:700;
line-height:42px}
}
.countDownWrap___QSlpD{
color:#ffffffb3;
font-size:12px;
line-height:18px}
@media screen and (min-width:1024px){
.countDownWrap___QSlpD{
font-size:16px;
line-height:24px}
}
.countDownWrap___QSlpD>div{
display:inline;
margin-left:5px}
.btnJoin___nwWew{
height:40px;
margin-top:8px;
width:149px}
@media screen and (min-width:1024px){
.btnJoin___nwWew{
font-size:16px;
height:48px;
padding:0 16px;
width:207px}
}
.tournamentsWidgetWrap___N2luK{
margin-bottom:24px;
max-width:100vw;
position:relative}
@media screen and (min-width:1024px){
.tournamentsWidgetWrap___N2luK{
margin-bottom:32px}
}
@media screen and (max-width:1023px){
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.tournamentsWidgetWrap___N2luK [class^=slick-slider]{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
}
@media screen and (min-width:1024px){
:not([class*=widgetTournaments])>.tournamentsWidgetWrap___N2luK{
margin-right:16px}
:not([class*=widgetTournaments])>.tournamentsWidgetWrap___N2luK,:not([class*=widgetTournaments])>.tournamentsWidgetWrap___N2luK+[class*=lotteryWidgetWrap]{
float:left;
width:calc(50% - 8px)}
:not([class*=widgetTournaments])>.tournamentsWidgetWrap___N2luK+[class*=lotteryWidgetWrap] [class*=widgetSlider]{
margin:0;
padding:0}
:not([class*=widgetTournaments])>.tournamentsWidgetWrap___N2luK+[class*=lotteryWidgetWrap]+div:before{
clear:both;
content:"";
display:table}
}
.widgetSlider___eAowr{
margin:0 -16px;
overflow:hidden;
padding-left:16px}
.widgetSlider___eAowr .slick-slide{
width:calc(100vw - 32px)}
@media screen and (min-width:568px)and (max-width:767px){
.widgetSlider___eAowr .slick-slide{
width:488px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.widgetSlider___eAowr .slick-slide{
width:calc(50vw - 20px)}
}
@media screen and (min-width:1024px){
.widgetSlider___eAowr .slick-slide{
max-width:608px;
width:100%}
}
.widgetSlider___eAowr .slick-slide+.slick-slide{
margin-left:16px}
@media screen and (max-width:1023px){
.widgetSlider___eAowr .slick-slide+.slick-slide{
margin-left:8px}
}
.gameCollection___UQlrt{
align-items:normal;
border-radius:8px;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
display:flex;
flex-direction:column;
flex-wrap:nowrap;
height:120px;
justify-content:flex-end;
padding:16px;
position:relative;
width:100%;
z-index:1}
@media screen and (max-width:567px){
.gameCollection___UQlrt{
width:calc(100vw - 32px)}
}
@media screen and (min-width:568px)and (max-width:768px){
.gameCollection___UQlrt{
min-width:240px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.gameCollection___UQlrt{
width:calc(33.33vw - 16px)}
}
@media screen and (min-width:1024px)and (max-width:1279px){
.gameCollection___UQlrt{
height:144px;
width:296px}
}
@media screen and (min-width:1280px){
.gameCollection___UQlrt{
height:144px;
width:400px}
}
.header___ejkRF{
flex:1 1 auto}
.header___ejkRF .title___vBi03{
color:#fff;
font-family:Rubik,sans-serif;
font-size:24px;
font-weight:700;
line-height:32px;
margin:0;
text-shadow:0 3px 8px #00000026}
.footer____AeYb [class^=button]{
min-width:148px}
.arrowIcon___RdDKX{
margin-left:8px;
transform:rotate(180deg)}
.arrowIcon___RdDKX path{
stroke:#fff}
.character___nsMqL{
bottom:unset;
height:120px;
left:unset;
object-fit:contain;
position:absolute;
right:0;
top:0;
width:120px;
z-index:-1}
@media screen and (min-width:1024px){
.character___nsMqL{
height:184px;
top:-24px;
width:184px}
}
.gameCollectionWrap___cdGyk{
margin-bottom:32px;
overflow:hidden;
position:relative}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.gameCollectionWrap___cdGyk{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
@media screen and (min-width:320px){
.gameCollectionWrap___cdGyk{
margin-left:-16px;
margin-right:-16px;
padding-left:16px;
padding-right:16px}
}
@media screen and (min-width:1024px){
.gameCollectionWrap___cdGyk{
margin-left:0;
margin-right:0;
-webkit-mask-image:none;
mask-image:none;
padding-left:0;
padding-right:0}
}
.gameCollectionSlider___Ob3eJ{
width:auto}
.gameCollectionSlider___Ob3eJ .slick-list,.gameCollectionSlider___Ob3eJ .slick-slide,.gameCollectionSlider___Ob3eJ .slick-track{
height:inherit}
.gameCollectionSlider___Ob3eJ .slick-track{
display:flex!important;
gap:8px}
@media screen and (min-width:1024px){
.gameCollectionSlider___Ob3eJ .slick-track{
gap:16px}
.widgetLotteries___iM0dX,.widgetTournaments___XoH40{
float:left;
max-width:608px}
.widgetLotteries___iM0dX,.widgetLotteries___iM0dX+.widgetLotteries___iM0dX,.widgetLotteries___iM0dX+.widgetTournaments___XoH40,.widgetTournaments___XoH40,.widgetTournaments___XoH40+.widgetLotteries___iM0dX,.widgetTournaments___XoH40+.widgetTournaments___XoH40{
width:calc(50% - 8px)}
.widgetLotteries___iM0dX [class*=widgetSlider],.widgetLotteries___iM0dX+.widgetLotteries___iM0dX [class*=widgetSlider],.widgetLotteries___iM0dX+.widgetTournaments___XoH40 [class*=widgetSlider],.widgetTournaments___XoH40 [class*=widgetSlider],.widgetTournaments___XoH40+.widgetLotteries___iM0dX [class*=widgetSlider],.widgetTournaments___XoH40+.widgetTournaments___XoH40 [class*=widgetSlider]{
margin:0;
padding:0}
.widgetLotteries___iM0dX+.widgetLotteries___iM0dX,.widgetLotteries___iM0dX+.widgetTournaments___XoH40,.widgetTournaments___XoH40+.widgetLotteries___iM0dX,.widgetTournaments___XoH40+.widgetTournaments___XoH40{
float:right;
max-width:608px}
.widgetLotteries___iM0dX:empty+.widgetLotteries___iM0dX,.widgetLotteries___iM0dX:empty+.widgetTournaments___XoH40,.widgetTournaments___XoH40:empty+.widgetLotteries___iM0dX,.widgetTournaments___XoH40:empty+.widgetTournaments___XoH40{
float:none}
}
@media screen and (min-width:1280px){
.widgetLotteries___iM0dX,.widgetLotteries___iM0dX+.widgetLotteries___iM0dX,.widgetLotteries___iM0dX+.widgetTournaments___XoH40,.widgetTournaments___XoH40,.widgetTournaments___XoH40+.widgetLotteries___iM0dX,.widgetTournaments___XoH40+.widgetTournaments___XoH40{
width:50%}
}
.widgetLotteries___iM0dX+div:not(.widgetTournaments___XoH40,.widgetLotteries___iM0dX):before,.widgetTournaments___XoH40+div:not(.widgetTournaments___XoH40,.widgetLotteries___iM0dX):before{
clear:both;
content:"";
display:table}
.passwordToggler___Lfh86{
background:none;
height:24px;
width:24px}
.passwordToggler___Lfh86 path,.passwordToggler___Lfh86 svg{
fill:#000}
.getInfoTipsWrap___JWb97{
bottom:auto;
height:24px;
left:auto;
position:absolute;
right:12px;
top:12px;
width:24px;
z-index:0}
.getInfoTipsWrap___JWb97:hover{
cursor:pointer}
.getInfoTipsWrap___JWb97 path,.getInfoTipsWrap___JWb97 svg{
fill:#0006}
.inputWrap___YsolI{
position:relative}
.inputContainer___dw0U_{
background-color:#fff;
border:1px solid #e2e3e5;
border-radius:4px;
display:inline-block;
height:48px;
position:relative;
width:100%}
.inputContainer___dw0U_.active___be22P{
border-color:#0000;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114}
.inputContainer___dw0U_.error___xfC51{
border-color:#f23138}
.inputContainer___dw0U_.warning___UoX6B{
border-color:#fdbb2c}
.inputContainer___dw0U_.disabled___MqQHk{
background-color:#e2e3e5}
.label___wyykk{
bottom:auto;
color:#121213;
cursor:text;
font-size:14px;
font-weight:500;
left:15px;
line-height:24px;
margin:0;
opacity:.4;
pointer-events:none;
position:absolute;
right:auto;
top:11px;
transform-origin:bottom left;
transition:transform .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1),line-height .15s cubic-bezier(.4,0,.2,1);
z-index:1}
.label___wyykk.labelActive___L9H44{
font-size:10px;
font-weight:400;
line-height:16px;
transform:translateY(-6px);
white-space:nowrap}
.inputEl___Iwwqb{
background:#0000;
border:none;
color:#121213;
font-size:14px;
font-weight:500;
height:100%;
line-height:24px;
outline:none;
padding:12px 15px 0;
width:100%}
.inputEl___Iwwqb.extraPadding___dQ5lH{
padding-right:38px}
.inputEl___Iwwqb:-webkit-autofill,.inputEl___Iwwqb:-webkit-autofill:focus,.inputEl___Iwwqb:-webkit-autofill:hover{
-webkit-text-fill-color:#000!important;
-webkit-appearance:none;
box-shadow:inset 0 0 0 24px #fff!important}
.button___iyOcx{
border-radius:50%;
height:32px;
position:absolute;
right:7px;
top:50%;
transform:translateY(-50%);
width:32px}
.button___iyOcx .icon___nCkFo{
height:16px;
width:16px}
.passwordToggle___KerXF{
opacity:.4;
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%)}
.errorHint___kiEZ2{
color:#f23138}
.errorHint___kiEZ2,.textWarning___ELE93{
display:block;
font-size:10px;
line-height:16px;
margin-top:4px}
.textWarning___ELE93{
color:#fdbb2c}
.searchWrap___BRqg3{
position:relative}
.searchInputWrap___ZYTHC [class^=inputContainer_]{
border-radius:20px;
height:40px;
width:100%}
.searchInputWrap___ZYTHC [class^=inputEl_]{
border-radius:20px;
padding-right:40px;
padding-top:0}
.searchIcon___Knrw0{
fill:#12121399;
right:12px}
.cancelBtn___AeU4S,.searchIcon___Knrw0{
position:absolute;
top:50%;
transform:translateY(-50%)}
.cancelBtn___AeU4S{
background:#0000;
height:12px;
right:14px;
width:12px}
.cancelBtn___AeU4S:after,.cancelBtn___AeU4S:before{
background-color:#9e9eaf;
border-radius:2px;
content:"";
display:block;
height:2px;
position:absolute;
width:100%}
.cancelBtn___AeU4S:before{
transform:rotate(45deg)}
.cancelBtn___AeU4S:after{
transform:rotate(-45deg)}
.dropdownListShadowWrapper___lmg9a{
border-radius:8px;
bottom:auto;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
left:auto;
overflow:hidden;
position:absolute;
right:0;
top:50px;
z-index:9}
.dropdownListShadowWrapper___lmg9a:after,.dropdownListShadowWrapper___lmg9a:before{
content:"";
left:0;
pointer-events:none;
position:absolute;
width:100%;
z-index:2}
.dropdownListShadowWrapper___lmg9a:before{
background:linear-gradient(0deg,#fff0,#fff 50%);
border-radius:8px 8px 0 0;
height:14px;
top:0}
.dropdownListShadowWrapper___lmg9a:after{
background:linear-gradient(180deg,#fff0,#fff 50%);
border-radius:0 0 8px 8px;
bottom:0;
height:20px}
.dropdownListShadowWrapper___lmg9a.noShadows___ojOVD:after,.dropdownListShadowWrapper___lmg9a.noShadows___ojOVD:before{
content:none}
.dropdownList___QbhWa{
background:#fff;
border-radius:inherit;
overflow:auto;
overscroll-behavior:contain;
padding:8px 0}
.dropdownList___QbhWa::-webkit-scrollbar{
border-radius:2px;
margin-left:-10px;
position:absolute;
width:4px}
.dropdownList___QbhWa::-webkit-scrollbar-button{
display:none;
opacity:0;
overflow:hidden}
.dropdownList___QbhWa ::-webkit-scrollbar-track-piece,.dropdownList___QbhWa::-webkit-scrollbar-track{
background-color:unset;
background:#0000}
.dropdownList___QbhWa::-webkit-scrollbar-thumb{
background-color:#1212131a;
border-radius:2px}
.dropdownList___QbhWa::-webkit-scrollbar-thumb:hover{
background-color:#12121340}
.dropdownList___QbhWa .dropdownListItem___h_85m{
align-items:center;
color:#121213;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
font-size:14px;
height:48px;
justify-content:flex-start;
line-height:24px;
padding:12px 16px;
width:213px}
.dropdownList___QbhWa .dropdownListItem___h_85m:hover{
background:#f1f3f5}
.dropdownList___QbhWa .dropdownListItem___h_85m i{
background-image:url(/assets/svg/forbidden.svg);
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
display:block;
flex-shrink:0;
height:24px;
margin-right:8px;
width:24px}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.dropdownList___QbhWa .dropdownListItem___h_85m i{
background:#0075ff;
-webkit-mask-position:50% 50%;
mask-position:50% 50%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
.dropdownList___QbhWa .dropdownListItem___h_85m b{
align-items:center;
display:flex;
font-size:16px;
height:24px;
justify-content:center;
margin-right:8px;
width:24px}
.dropdownList___QbhWa .dropdownListItem___h_85m span{
max-width:98%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.dropdownList___QbhWa .dropdownListItem___h_85m.dropdownListItemActive____O0zC i{
background:#00ad79}
}
.dropdownList___QbhWa .dropdownListItem___h_85m.dropdownListItemActive____O0zC b,.dropdownList___QbhWa .dropdownListItem___h_85m.dropdownListItemActive____O0zC span{
color:#00ad79;
font-weight:700}
.dropdownList___QbhWa .dropdownListItem___h_85m.dropdownListItemActive____O0zC .checkedIcon___vDs4F{
height:16px;
margin-left:auto;
margin-right:3px;
width:16px}
.dropdownList___QbhWa .dropdownListItem___h_85m.dropdownListItemActive____O0zC .checkedIcon___vDs4F path{
fill:#121213}
.selectedDeveloperLink___L0Ctz{
align-items:center;
border-radius:4px;
box-shadow:0 0 0 1px #e2e3e5;
cursor:pointer;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
font-size:14px;
height:40px;
justify-content:space-between;
line-height:24px;
padding:8px 12px;
width:100%}
@media screen and (max-width:567px){
.selectedDeveloperLink___L0Ctz{
padding:8px}
}
@media screen and (min-width:768px)and (max-width:1023px){
.selectedDeveloperLink___L0Ctz{
padding:8px}
}
.selectedDeveloperLink___L0Ctz i{
background-position:50%;
background-repeat:no-repeat;
background-size:auto;
display:block;
flex-shrink:0;
height:24px;
margin-right:8px;
width:24px}
@media screen and (max-width:567px){
.selectedDeveloperLink___L0Ctz i{
margin-right:0}
}
@media screen and (min-width:768px)and (max-width:1023px){
.selectedDeveloperLink___L0Ctz i{
margin-right:0}
}
.selectedDeveloperLink___L0Ctz b{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
font-size:16px;
height:24px;
justify-content:center;
margin-right:6px;
width:24px}
.selectedDeveloperLink___L0Ctz span{
color:#121213;
max-width:calc(100% - 56px);
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap}
@media screen and (max-width:567px){
.selectedDeveloperLink___L0Ctz span{
display:none}
}
@media screen and (min-width:768px)and (max-width:1023px){
.selectedDeveloperLink___L0Ctz span{
display:none}
}
.selectedDeveloperLink___L0Ctz .arrowIcon___DRNFN{
fill:#121213;
display:block;
height:24px;
margin-left:auto;
width:24px}
@media screen and (max-width:567px){
.selectedDeveloperLink___L0Ctz .arrowIcon___DRNFN{
display:none}
}
@media screen and (min-width:768px)and (max-width:1023px){
.selectedDeveloperLink___L0Ctz .arrowIcon___DRNFN{
display:none}
}
.gamesDevelopers___JkhzF{
background:#fff;
min-width:224px;
position:relative}
@media screen and (max-width:567px){
.gamesDevelopers___JkhzF{
min-width:auto}
.gamesDevelopers___JkhzF [class^=dropdownListShadowWrapper]{
left:0;
min-width:224px;
right:auto}
}
@media screen and (min-width:768px)and (max-width:1023px){
.gamesDevelopers___JkhzF{
min-width:auto}
.gamesDevelopers___JkhzF [class^=dropdownListShadowWrapper]{
left:0;
min-width:224px;
right:auto}
}
.gamesDevelopers___JkhzF [class*=dropdownList__] li{
opacity:0;
transition:opacity .4s ease-in-out}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter>ul{
max-height:0;
opacity:0}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active{
box-shadow:none}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active>ul,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active>ul{
overflow:hidden}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-done{
top:52px;
width:100%}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active>ul,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-done>ul{
max-height:300px;
opacity:1;
transition:opacity .25s ease-in-out,max-height .2s ease-in-out}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active>ul li,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-done>ul li{
opacity:1}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit>ul{
max-height:300px;
opacity:1}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-done{
top:52px;
width:100%}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active>ul,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-done>ul{
max-height:0;
opacity:0;
transition:opacity .25s ease-in-out,max-height .2s ease-in-out}
.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active:after,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-enter-active:before,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active:after,.gamesDevelopers___JkhzF .gamesDeveloperLinksToggle-exit-active:before{
opacity:0}
@media screen and (min-width:536px){
.gamesWrap___Bca7K{
column-gap:8px;
display:flex;
flex-wrap:wrap}
}
@media screen and (min-width:1024px){
.gamesWrap___Bca7K{
flex-direction:column;
flex-wrap:nowrap}
}
.searchResultScroll___pqgUB{
border-radius:4px}
.searchGameWrap___kCy9t{
align-items:center;
display:flex;
height:100%;
padding:4px 8px}
.tmbImgContainer___hVF4p{
flex-shrink:0;
height:100%;
margin-right:8px;
max-width:48px}
.tmbImgContainer___hVF4p picture{
display:block;
height:100%}
.tmbImgContainer___hVF4p img{
border-radius:4px;
display:block;
height:72px;
object-fit:cover;
object-position:top;
width:100%}
.name___vrpOc{
line-clamp:3;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
color:#121213;
display:-webkit-box;
font-size:12px;
font-weight:500;
line-height:18px;
line-height:24px;
max-height:72px;
overflow:hidden}
@media screen and (min-width:1024px){
.name___vrpOc{
font-size:16px;
line-height:24px}
}
.nameDeveloper___kWlqo{
color:#12121399;
font-size:12px;
line-height:18px}
.gameWrap___WUq8g{
display:block;
position:relative}
@media screen and (min-width:1024px){
.gameWrap___WUq8g{
border-bottom:1px solid #e2e3e5}
.gameWrap___WUq8g:last-child{
border-bottom:none}
}
.gameWrap___WUq8g:hover .buttonWrap___OOAfd{
opacity:1;
visibility:visible}
.buttonWrap___OOAfd{
background-color:#192133cc;
bottom:0;
left:0;
opacity:0;
position:absolute;
right:0;
top:0;
transition:opacity .2s;
visibility:hidden;
z-index:0}
.buttonWrap___OOAfd [class^=defaultButtonWrap_]{
align-items:center;
flex-direction:row;
justify-content:space-evenly;
padding:0 24px}
.buttonWrap___OOAfd [class*=demoBtn]{
background:#fff;
color:#000;
width:100%}
.buttonWrap___OOAfd [class*=demoBtn],.buttonWrap___OOAfd [class*=demoBtn]:hover{
box-shadow:none}
.buttonWrap___OOAfd [class^=btnWrap],.buttonWrap___OOAfd [class^=playBtn]{
height:32px;
width:96px}
.waypoint___vMOKw{
height:70px;
position:relative}
.noResultWrap___N2zey{
padding:8px}
.noResultWrap___N2zey [class^=gameCategoryWrap]{
margin-bottom:0;
margin-right:-20px}
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoTitle]{
margin-bottom:8px;
margin-right:20px}
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoShowAll]{
font-size:12px;
line-height:18px;
text-align:right;
width:50%}
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoShowAll] [class^=diver]{
display:none}
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoBody]{
margin:0 0 0 -16px;
padding:0 16px}
@supports((-webkit-mask-image:url()) or (mask-image:url())){
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoBody]{
-webkit-mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
mask-image:linear-gradient(90deg,#000 16px,#000 calc(100% - 16px),#0000);
-webkit-mask-position:0 0;
mask-position:0 0;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
-webkit-mask-size:auto;
mask-size:auto}
}
.noResultWrap___N2zey [class^=gameCategoryWrap] [class^=promoBody] [class^=gameLink]{
width:auto}
.noResultText___XTozR{
color:#121213;
margin-bottom:16px}
@media screen and (min-width:1024px){
.noResultText___XTozR{
margin-top:0}
}
.title___Eeup_{
font-size:18px;
font-weight:700;
line-height:24px;
margin:0 0 4px}
.content___JQzTA{
font-size:12px;
line-height:18px;
margin:0}
@media screen and (min-width:1024px){
.content___JQzTA{
color:#12121399}
}
.loadWrap___zPwAg{
height:200px;
position:relative}
.loadWrap___zPwAg,.searchResultWrap___KqHQ6{
overflow:hidden;
padding:8px}
@media screen and (min-width:1024px){
.loadWrap___zPwAg,.searchResultWrap___KqHQ6{
background:#fff;
border-radius:8px;
bottom:auto;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
left:auto;
min-height:280px;
position:absolute;
right:0;
top:52px;
width:288px;
z-index:0}
}
.withNoResults___h7NyU{
overflow-y:auto}
.withSearchResult___D89vG{
-webkit-overflow-scrolling:touch;
overflow:hidden;
overscroll-behavior:none;
touch-action:none}
.mainPageNav___VL_00{
display:flex}
.mainPageNav___VL_00.scrollable___oC8Oq [class^=list]{
gap:24px}
.mainPageNav___VL_00:not(.scrollable___oC8Oq) [class^=list] li{
padding:0 8px}
.mainPageNav___VL_00:not(.scrollable___oC8Oq) [class^=list] li:first-child{
padding-left:0}
@media screen and (max-width:767px){
.mainPageNav___VL_00:not(.scrollable___oC8Oq) [class^=list] li{
padding:0 12px}
.mainPageNav___VL_00 [class^=list] [class^=categoryLink]{
flex-direction:column;
gap:initial}
.mainPageNav___VL_00 [class^=list] [class^=categoryLink] [class^=name]{
display:block;
font-size:12px;
line-height:18px;
line-height:20px;
padding-left:4px;
text-align:center}
}
.actionContainer___eeZts,.main___ZE0Re{
margin:0 16px;
max-width:1232px}
@media screen and (min-width:1024px){
.actionContainer___eeZts,.main___ZE0Re{
margin:0 auto}
}
@media screen and (min-width:1024px)and (max-width:1279px){
.actionContainer___eeZts,.main___ZE0Re{
width:920px}
}
@media screen and (min-width:1280px){
.actionContainer___eeZts,.main___ZE0Re{
width:1232px}
}
.mainFull___gzWlo{
background:#f1f3f5;
margin:0;
max-width:100%}
.actionContainer___eeZts:after,.main___ZE0Re:after{
clear:both;
content:"";
display:table}
.actionWrap___AEEXN{
background-color:#fff;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
height:56px;
margin-left:calc(-50vw - -50%);
position:relative;
width:100vw;
z-index:2}
@media screen and (max-width:767px){
.actionWrap___AEEXN{
height:104px}
}
.actionContainer___eeZts{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:16px;
height:100%;
justify-content:center}
@media screen and (max-width:767px){
.actionContainer___eeZts{
grid-column-gap:16px;
grid-row-gap:12px;
display:grid;
grid-template-columns:repeat(2,1fr);
grid-template-rows:42px 1fr;
margin:0 16px;
position:relative;
top:-20px}
.actionContainer___eeZts>[class*=mainPageNav]{
grid-area:2/1/3/3;
margin-top:12px}
.actionContainer___eeZts>[class*=mainPageNav] [class^=icon]{
margin:0 auto}
.actionContainer___eeZts>[class^=gamesDevelopers]{
grid-area:1/1/2/2}
.actionContainer___eeZts>[class^=searchWrap]{
grid-area:1/2/2/3}
}
@media screen and (max-width:567px){
.actionContainer___eeZts{
grid-template-columns:40px 1fr}
}
.actionContainer___eeZts [class*=categoryLink]{
min-height:40px}
.actionContainer___eeZts [class*=itemMore]{
background:#f1f3f5cc;
border-radius:20px;
height:40px;
width:40px}
.actionContainer___eeZts [class*=itemMore] [class*=moreMenuTip]{
align-items:center;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
height:100%;
justify-content:center}
.actionContainer___eeZts [class*=itemMore] [class*=moreMenuTip] [class^=svgMoreIcon]{
fill:#192133}
.actionContainer___eeZts [class*=itemMore] [class*=moreMenuTip] [class^=arrowDown]{
display:none}
.actionContainer___eeZts [class*=itemMore] [class*=moreMenuTip]:hover [class^=svgMoreIcon],.actionContainer___eeZts [class*=itemMore] [class*=moreMenuTip][class*=active] [class^=svgMoreIcon]{
fill:#0075ff}
.actionContainer___eeZts [class*=itemMore] [class^=tips__][class*=tipsWidget]{
min-width:min-content}
.searchWrap___dmjVl{
display:block}
@media screen and (min-width:768px){
.searchWrap___dmjVl{
display:flex;
min-width:224px;
position:relative}
}
.searchWrap___dmjVl form [class^=searchWrap]{
align-items:center;
background:#fff;
border-radius:4px;
box-shadow:0 0 0 1px #e2e3e5;
display:flex;
flex-direction:row;
flex-wrap:nowrap;
gap:8px;
height:40px;
justify-content:flex-start;
padding:8px 12px}
.searchWrap___dmjVl form [class^=searchWrap].active___hmSTL{
border-color:#0000;
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114}
.searchWrap___dmjVl form [class*=searchInputWrap] [class^=inputContainer_]{
background:none;
border:none;
border-radius:initial;
box-shadow:none;
height:100%;
width:100%}
.searchWrap___dmjVl form [class*=searchInputWrap] [class^=inputEl_]{
border-radius:initial;
padding:0}
.searchWrap___dmjVl form [class*=searchInputWrap] [class^=inputEl_]::placeholder{
color:#121213}
.searchWrap___dmjVl form [class^=searchIcon]{
fill:#121213;
position:static;
transform:none}
body.searchMobActive___eLEMc [class*=layout--mobile] [class^=header],body.searchMobActive___eLEMc [class^=footerBtn]{
display:none}
@media screen and (max-width:1023px){
body.searchMobActive___eLEMc #root{
height:100%;
min-height:auto;
overflow:hidden}
body.searchMobActive___eLEMc .searchWrap___dmjVl{
background:#fff;
bottom:0;
display:flex;
flex-direction:column;
left:0;
position:fixed;
right:0;
top:0;
z-index:999}
body.searchMobActive___eLEMc .searchWrap___dmjVl form{
box-shadow:0 0 4px #0403230a,0 6px 12px #2a288114;
height:auto;
padding:16px;
width:100%}
}
@media screen and (max-width:1023px)and (orientation:landscape){
body.searchMobActive___eLEMc .searchWrap___dmjVl [class^=gameLink]{
width:calc(33vw - 16px)}
}
.gamesListWrap___vNutf,.widgetsWrap___QHdIs{
margin-bottom:32px;
margin-top:24px}
@media screen and (min-width:1024px){
.gamesListWrap___vNutf,.widgetsWrap___QHdIs{
margin-top:32px}
}
@media screen and (min-width:1232px){
.gamesListWrap___vNutf,.widgetsWrap___QHdIs{
margin-bottom:48px}
}
@media screen and (max-width:767px){
.activeGamesFilter___QDL8f:before{
background-color:#0075ff;
content:"";
display:block;
height:30px;
margin-left:calc(-50vw - -50%);
width:100vw}
}