.ServicesContainer{background-position:50%;background-color:var(--app-bg);flex-direction:column;justify-content:space-between;align-items:center;height:100vh;transition:background-image .8s ease-in-out;display:flex;position:relative;container-type:inline-size}.ServicesContainer>.backgroundImage{opacity:.2;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:background-image .8s ease-in-out;position:absolute;top:0;left:0}.ServicesContainer .hero-content{text-align:center;z-index:2;flex:1;justify-content:center;align-items:center;padding:clamp(40px,5vw,80px);display:flex}.ServicesContainer .hero-content .hero-text{max-width:800px;animation:.8s ease-out fadeInUp}.ServicesContainer .hero-content .hero-text .hero-title{color:var(--app-text-primary);text-shadow:0 4px 20px color-mix(in srgb, var(--app-black) 70%, transparent);opacity:0;margin-bottom:clamp(16px,2vw,24px);font-size:clamp(32px,4vw,64px);font-weight:800;line-height:1.2;animation:.8s ease-out .2s forwards fadeInUp}.ServicesContainer .hero-content .hero-text .hero-subtitle{color:var(--app-text-primary);text-shadow:0 2px 10px color-mix(in srgb, var(--app-black) 70%, transparent);opacity:0;margin-bottom:clamp(24px,3vw,40px);font-size:40px;font-weight:400;line-height:50px;animation:.8s ease-out .4s forwards fadeInUp}.ServicesContainer .hero-content .hero-text .hero-subtitle>span{color:var(--app-primary)}.ServicesContainer .hero-content .hero-text .play-button{background:var(--app-primary);color:var(--app-text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;opacity:0;border:none;height:50px;padding-left:40px;padding-right:40px;font-size:16px;font-weight:700;transition:all .3s;animation:.8s ease-out .6s forwards fadeInUp}.ServicesContainer .hero-content .hero-text .play-button:active{transform:translateY(0)}.ServicesContainer .cards-grid{z-index:2;justify-content:space-between;align-items:center;gap:clamp(12px,1.5vw,24px);min-width:1200px;max-width:1600px;margin:0 auto;padding-bottom:clamp(2rem,8vh,91px);padding-left:20px;padding-right:20px;display:flex}.ServicesContainer .cards-grid .angle-card{cursor:pointer;background:var(--app-surface-2);clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);flex-direction:column;flex:1 1 0;gap:clamp(8px,.73vw,14px);min-width:180px;max-width:320px;transition:all .3s;display:flex}.ServicesContainer .cards-grid .angle-card:first-child{margin-left:0!important;margin-right:0!important}.ServicesContainer .cards-grid .angle-card:nth-child(2n){margin-left:clamp(-50px,-3.5vw,-.75rem);position:relative;bottom:50px}.ServicesContainer .cards-grid .angle-card:nth-child(odd){margin-left:clamp(-75px,-5vw,-1rem)}.ServicesContainer .cards-grid .angle-card.active .image-container{opacity:1;transform:scale(1.05)}.ServicesContainer .cards-grid .angle-card.active .image-container .text-content{opacity:0}.ServicesContainer .cards-grid .angle-card .image-container{aspect-ratio:412/450;opacity:.5;width:100%;transition:all .3s;position:relative}.ServicesContainer .cards-grid .angle-card .image-container .text-content{z-index:9999;text-align:left;opacity:1;width:clamp(160px,11.51vw,221px);position:absolute;bottom:0}.ServicesContainer .cards-grid .angle-card .image-container .text-content .title{color:var(--app-text-muted);text-shadow:0 0 20px var(--app-black);text-align:right;padding-bottom:17px;padding-right:17px;font-size:clamp(16px,1.25vw,24px);font-style:normal;font-weight:600;line-height:1.1;transition:color .3s}.ServicesContainer .cards-grid .angle-card .image-container:hover{filter:brightness(1.2);transform:scale(1.05)}.ServicesContainer .cards-grid .angle-card .image-container .image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.ServicesContainer .cards-grid .angle-card .image-container .active-indicator{background:var(--app-primary);width:12px;height:12px;box-shadow:0 0 20px color-mix(in srgb, var(--app-primary) 80%, transparent);border-radius:50%;animation:2s infinite pulse;position:absolute;top:10px;right:10px}.ServicesContainer .cards-grid .angle-card .image-container .overlay{background:linear-gradient(135deg, color-mix(in srgb, var(--app-black) 10%, transparent) 0%, color-mix(in srgb, var(--app-black) 30%, transparent) 50%, color-mix(in srgb, var(--app-black) 70%, transparent) 100%);align-items:flex-end;padding:clamp(12px,1.04vw,20px);display:flex;position:absolute;inset:0}.ServicesContainer .slide-indicators{z-index:2;gap:12px;margin-bottom:clamp(20px,2vw,30px);display:flex}.ServicesContainer .slide-indicators .indicator{border:2px solid color-mix(in srgb, var(--app-text-primary) 50%, transparent);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;transition:all .3s}.ServicesContainer .slide-indicators .indicator.active{background:var(--app-primary);border-color:var(--app-primary);box-shadow:0 0 20px color-mix(in srgb, var(--app-primary) 60%, transparent)}.ServicesContainer .slide-indicators .indicator:hover{border-color:color-mix(in srgb, var(--app-text-primary) 80%, transparent);transform:scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (max-width:768px){.ServicesContainer .hero-content{padding:clamp(20px,4vw,40px)}.ServicesContainer .hero-content .hero-text .hero-title{font-size:clamp(24px,6vw,40px)}.ServicesContainer .hero-content .hero-text .hero-subtitle{font-size:clamp(14px,3vw,16px)}.ServicesContainer .hero-content .hero-text .play-button{padding:clamp(10px,2vw,14px) clamp(20px,4vw,30px);font-size:clamp(12px,2.5vw,14px)}.ServicesContainer .cards-grid{flex-wrap:wrap;gap:clamp(8px,2vw,16px)}.ServicesContainer .cards-grid .angle-card{min-width:120px;max-width:200px}.ServicesContainer .cards-grid .angle-card:nth-child(2n),.ServicesContainer .cards-grid .angle-card:nth-child(odd){flex-direction:column;margin-left:0}.ServicesContainer .cards-grid .angle-card:nth-child(2n) .text-content,.ServicesContainer .cards-grid .angle-card:nth-child(odd) .text-content{margin-left:0}.ServicesContainer .slide-indicators{gap:8px}.ServicesContainer .slide-indicators .indicator{width:10px;height:10px}}
.SportsMatchCard{cursor:pointer;background:var(--app-neutral-140);width:364px;height:252px;transition:all .3s;position:relative}.SportsMatchCard:hover{transition:all .3s;transform:scale(1.05)}.SportsMatchCard .cardBackground{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.SportsMatchCard .cardBackground .cardOverlay{background:linear-gradient(135deg, color-mix(in srgb, var(--app-black) 70%, transparent) 0%, color-mix(in srgb, var(--app-black) 40%, transparent) 50%, color-mix(in srgb, var(--app-black) 80%, transparent) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.SportsMatchCard .teamsContainer{z-index:2;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:20px;display:flex;position:absolute;left:0;right:0}.SportsMatchCard .teamsContainer .leagueInfo{z-index:2;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding-right:64px;display:flex;position:relative}.SportsMatchCard .teamsContainer .leagueInfo>.info-left{align-items:center;min-width:0;display:flex}.SportsMatchCard .teamsContainer .leagueInfo>.datetime-status{text-transform:uppercase;z-index:2;height:32px;color:var(--app-white);text-align:center;align-items:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:flex;position:absolute;top:0;right:0}.SportsMatchCard .teamsContainer .leagueInfo>.datetime-status .cardDateTime{background:var(--app-neutral-20);align-items:center;height:100%;padding-left:10px;padding-right:10px;font-size:16px;display:flex}.SportsMatchCard .teamsContainer .leagueInfo>.datetime-status .statusBadge{box-sizing:border-box;justify-content:center;align-items:center;min-width:54px;height:100%;padding:0 10px;line-height:1;display:flex}.SportsMatchCard .teamsContainer .leagueInfo>.datetime-status .statusBadge.live,.SportsMatchCard .teamsContainer .leagueInfo>.datetime-status .statusBadge.upcoming{background:var(--app-primary-60);color:var(--app-white)}.SportsMatchCard .teamsContainer .leagueInfo .leagueIcon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;display:flex}.SportsMatchCard .teamsContainer .leagueInfo .leagueIcon img{-o-object-fit:contain;object-fit:contain;width:16px;height:16px}.SportsMatchCard .teamsContainer .leagueInfo .leagueName{color:var(--app-white);white-space:nowrap;text-overflow:ellipsis;max-width:180px;text-shadow:0 1px 3px color-mix(in srgb, var(--app-black) 50%, transparent);text-align:left;font-size:16px;font-weight:600;overflow:hidden}.SportsMatchCard .teamsContainer .teamDetails{justify-content:center;align-items:center;width:100%;display:flex}.SportsMatchCard .oddsContainer{width:100%}.SportsMatchCard .oddsContainer .marketItemList{justify-content:center;align-items:center;gap:6px;display:flex}.SportsMatchCard .oddsContainer .marketItemList .marketItem{background:var(--app-neutral-120);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:40px;font-size:10px;font-weight:600;transition:all .1s;display:flex;position:relative}.SportsMatchCard .oddsContainer .marketItemList .marketItem.versus{color:var(--app-primary);background:0 0;border:none;width:40px;font-size:12px}.SportsMatchCard .oddsContainer .marketItemList .marketItem .label{color:color-mix(in srgb, var(--app-white) 70%, transparent);height:8px;margin-bottom:2px;font-size:9px;transform:scale(.8)}.SportsMatchCard .oddsContainer .marketItemList .marketItem .odds{color:var(--app-white);font-size:11px;font-weight:700}.SportsMatchCard .oddsContainer .marketItemList .marketItem>.market_item_odds_change_offset,.SportsMatchCard .oddsContainer .marketItemList .marketItem>.market_item_odds_change_offset>span.up,.SportsMatchCard .oddsContainer .marketItemList .marketItem>.market_item_odds_change_offset>span.down,.SportsMatchCard .oddsContainer .marketItemList .marketItem .spinner_box,.SportsMatchCard .oddsContainer .marketItemList .marketItem .locker{display:none}.SportsMatchCard .oddsContainer .marketItemList .marketItem.up{border:1px solid var(--app-success);animation:2s infinite animate_odds_change_up}.SportsMatchCard .oddsContainer .marketItemList .marketItem.up>.market_item_odds_change_offset{color:var(--app-success);opacity:0;font-size:8px;animation:1s infinite animate_odds_change_up_text;display:block;position:absolute;bottom:2px}.SportsMatchCard .oddsContainer .marketItemList .marketItem.up>.market_item_odds_change_offset>span.up{display:inline-block}.SportsMatchCard .oddsContainer .marketItemList .marketItem.down{border:1px solid var(--app-primary);animation:2s infinite animate_odds_change_down}.SportsMatchCard .oddsContainer .marketItemList .marketItem.down>.market_item_odds_change_offset{color:var(--app-primary);opacity:0;font-size:8px;animation:1s infinite animate_odds_change_down_text;display:block;position:absolute;bottom:2px}.SportsMatchCard .oddsContainer .marketItemList .marketItem.down>.market_item_odds_change_offset>span.down{display:inline-block}.SportsMatchCard .separator{color:var(--app-white);justify-content:center;align-items:center;height:100%;font-size:32px;display:flex}.SportsMatchCard .teamSection{flex:1;align-items:center;gap:20px;display:flex}.SportsMatchCard .teamSection>.teamGroup{flex-direction:column;justify-content:center;align-items:center;display:flex}.SportsMatchCard .teamSection.home{justify-content:flex-end;margin-right:10px}.SportsMatchCard .teamSection.away{justify-content:flex-start;margin-left:10px}.SportsMatchCard .teamSection .teamLogo{border:2px solid color-mix(in srgb, var(--app-white) 20%, transparent);background:var(--app-neutral-10);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.SportsMatchCard .teamSection .teamLogo img{-o-object-fit:contain;object-fit:contain;border-radius:50%;width:32px;height:32px}.SportsMatchCard .teamSection .homeScore,.SportsMatchCard .teamSection .awayScore{color:var(--app-white);font-size:32px;font-weight:600}.SportsMatchCard .teamSection .teamName{color:var(--app-white);text-align:center;text-shadow:0 1px 2px color-mix(in srgb, var(--app-black) 70%, transparent);white-space:nowrap;width:50px;margin-bottom:2px;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.SportsMatchCard .teamSection .teamStatus{color:color-mix(in srgb, var(--app-white) 80%, transparent);text-align:center;font-size:10px}.SportsMatchCard .vsSection{flex-direction:column;align-items:center;display:flex}.SportsMatchCard .vsSection .vs{color:var(--app-primary);text-shadow:0 1px 2px color-mix(in srgb, var(--app-black) 70%, transparent);font-size:14px;font-weight:700}.SportsMatchCard .hiddenData{display:none}.SportsMatchCard.live,.SportsMatchCard.live .teamLogo{border-color:color-mix(in srgb, var(--app-danger) 30%, transparent)}@keyframes animate_odds_change_up_text{0%{opacity:0;bottom:0}50%{opacity:1;bottom:2px}to{opacity:0}}@keyframes animate_odds_change_down_text{0%{opacity:0;bottom:4px}50%{opacity:1;bottom:2px}to{opacity:0;bottom:2px}}@keyframes animate_odds_change_up{0%{border:1px solid color-mix(in srgb, var(--app-success) 30%, transparent)}50%{border:1px solid var(--app-success)}to{border:1px solid color-mix(in srgb, var(--app-success) 30%, transparent)}}@keyframes animate_odds_change_down{0%{border:1px solid color-mix(in srgb, var(--app-danger) 30%, transparent)}50%{border:1px solid var(--app-primary)}to{border:1px solid color-mix(in srgb, var(--app-danger) 30%, transparent)}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--app-primary) 70%, transparent)}70%{box-shadow:0 0 0 10px var(--app-transparent)}to{box-shadow:0 0 0 0 var(--app-transparent)}}
.liveSports{flex-direction:column;justify-content:center;align-items:flex-end;gap:37px;width:100%;min-width:1200px;max-width:1600px;height:100vh;margin:0 auto;display:flex;position:relative}.liveSports>.text-wrapper{cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}.liveSports>.text-wrapper:hover>.text-line{color:var(--app-primary);transition:all .2s}.liveSports>.text-wrapper:hover>.text-line>.line{width:100%;transition:all .2s}.liveSports>.text-wrapper>.text-line{color:#6c7482;text-align:right;flex-direction:column;align-items:flex-end;margin-top:32px;font-size:20px;font-weight:600;transition:all .2s;display:flex}.liveSports>.text-wrapper>.text-line>.line{background:var(--app-primary);justify-content:flex-end;width:40px;height:8px;margin-top:10px;transition:all .2s}.liveSports .content{grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,16px);width:100%;height:fit-content;display:grid;container-type:inline-size}.liveSports .content .container>.SportsMatchCard{width:100%}
.main-brandgame-grid-wrapper{isolation:isolate;background:var(--app-neutral-10);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;min-width:1200px;max-width:none;height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.main-brandgame-grid-wrapper .brandgame-graffiti-layer{z-index:-1;pointer-events:none;letter-spacing:8px;white-space:nowrap;opacity:.14;mix-blend-mode:screen;width:max-content;font-family:Cyber-Brush-Regular,sans-serif;font-weight:800;line-height:1;position:absolute}.main-brandgame-grid-wrapper .graffiti-layer-cyan{color:color-mix(in srgb, var(--app-secondary) 78%, transparent);font-size:118px;top:118px;left:-120px;transform:rotate(-8deg)skew(-8deg)}.main-brandgame-grid-wrapper .graffiti-layer-pink{color:color-mix(in srgb, var(--app-primary) 74%, transparent);font-size:112px;top:214px;right:-130px;transform:rotate(-8deg)skew(-8deg)}.main-brandgame-grid-wrapper .graffiti-layer-low{color:color-mix(in srgb, var(--app-secondary) 66%, transparent);opacity:.1;font-size:104px;bottom:132px;left:-80px;transform:rotate(-8deg)skew(-8deg)}.main-brandgame-grid-wrapper>.text-wrapper{cursor:pointer;align-items:center;gap:40px;width:100%;max-width:1600px;display:flex}.main-brandgame-grid-wrapper>.text-wrapper .brandgame-title-image{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:min(65vw,760px);max-height:140px;filter:drop-shadow(0 0 18px var(--app-primary));display:block}.main-brandgame-grid-wrapper>.text-wrapper .brandgame-title-text{color:var(--app-white);text-shadow:0 0 var(--app-primary),0 0 10px var(--app-primary),0 0 30px var(--app-primary);letter-spacing:3px;text-transform:uppercase;width:65vw;margin:0;font-family:Cyber-Brush-Regular,sans-serif;font-size:104px;font-weight:800;line-height:1}.main-brandgame-grid-wrapper>.text-wrapper .brandgame_btn{background:var(--app-primary-60);width:238px;height:50px;color:var(--app-black);cursor:pointer;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}.main-brandgame-grid-wrapper>.text-wrapper .brandgame_btn:hover{filter:brightness(1.08)}.main-brandgame-grid-wrapper>.grid-wrapper{width:100%;max-width:1600px}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper{flex-direction:column;gap:12px;display:flex}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row{justify-content:center;gap:12px;display:flex}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item{cursor:pointer;background:var(--app-surface-1);border:1px solid color-mix(in srgb, var(--app-white) 8%, transparent);width:250px;height:142px;transition:transform .2s,border-color .2s,filter .2s;position:relative;overflow:hidden}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item:hover{border-color:var(--app-primary-60);transform:scale(1.02)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item:hover:before{opacity:.82}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon{background:linear-gradient(135deg, color-mix(in srgb, var(--app-white) 8%, transparent), color-mix(in srgb, var(--app-white) 2%, transparent)),linear-gradient(145deg, var(--app-surface-1) 0%, var(--app-surface-1) 100%);border-color:color-mix(in srgb, var(--app-white) 8%, transparent);filter:grayscale(.35)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon:before{background:linear-gradient(180deg, color-mix(in srgb, var(--app-surface-1) 18%, transparent) 0%, color-mix(in srgb, var(--app-surface-1) 78%, transparent) 100%)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon:hover{border-color:color-mix(in srgb, var(--app-white) 16%, transparent);transform:none}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon:hover:before{opacity:1}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon .category-wrapper{background:color-mix(in srgb, var(--app-primary) 20%, transparent)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item.coming-soon .category-wrapper .category-title{color:color-mix(in srgb, var(--app-white) 82%, transparent)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .card-cover{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .category-wrapper{text-align:left;z-index:2;background:color-mix(in srgb, var(--app-primary) 20%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;align-items:flex-start;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.main-brandgame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .category-wrapper .category-title{color:#fff;text-shadow:1px 1px 2px color-mix(in srgb, var(--app-black) 80%, transparent);text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:14px;font-weight:800;line-height:1.1;overflow:hidden}
.main-minigame-grid-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:73px;width:100%;min-width:1200px;max-width:1600px;height:100vh;margin:0 auto;display:flex;position:relative}.main-minigame-grid-wrapper>.text-wrapper{cursor:pointer;align-items:center;gap:40px;width:100%;display:flex}.main-minigame-grid-wrapper>.text-wrapper:hover>.text-line{color:var(--app-primary);transition:all .2s}.main-minigame-grid-wrapper>.text-wrapper:hover>.text-line>.line{width:100%;transition:all .2s}.main-minigame-grid-wrapper>.text-wrapper>.text-line{color:#6c7482;text-align:left;flex-direction:column;align-items:flex-start;font-size:20px;font-weight:600;transition:all .2s;display:flex}.main-minigame-grid-wrapper>.text-wrapper>.text-line>.line{background:var(--app-primary);justify-content:flex-start;width:40px;height:8px;margin-top:10px;transition:all .2s}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper{flex-direction:column;gap:16px;display:flex}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row{justify-content:center;gap:16px;display:flex}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item{cursor:pointer;background-position:50%;background-size:cover;width:280px;height:160px;transition:transform .2s;position:relative;overflow:hidden}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item:hover{transform:scale(1.02)}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .card-status-wrapper{z-index:2;position:absolute;top:8px;right:8px}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .card-status-wrapper .card-status{color:#fff;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:12px}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .category-wrapper{text-align:center;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .category-wrapper .category-logo{-o-object-fit:contain;object-fit:contain;width:60px;height:60px;margin-bottom:8px}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .category-wrapper .category-title{color:#fff;text-shadow:1px 1px 2px #000c;font-size:14px;font-weight:700}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .card-description{color:#fff;text-shadow:1px 1px 2px #000c;z-index:1;font-size:12px;position:absolute;bottom:30px;left:8px;right:8px}.main-minigame-grid-wrapper>.grid-wrapper>.card-list-wrapper>.card-row>.card-item .card-provider{color:#fff;opacity:.8;text-shadow:1px 1px 2px #000c;z-index:1;font-size:10px;position:absolute;bottom:8px;left:8px}
.background-container{background-repeat:no-repeat;background-size:cover;height:100vh;display:flex;position:relative;overflow:hidden}.background-container>.background-layer{width:100%;height:100%}.background-container>.background-layer>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.background-container .particles{width:100%;height:100%;position:absolute;top:120px}.background-container .particles.particles-container-0{z-index:99999}.background-container .particles.particles-container-0 .particle{width:7vw;transition:opacity 1s;position:absolute}.background-container .particles.particles-container-0 .particle.initial{opacity:0;transition:none}.background-container .particles.particles-container-0 .particle.animated{opacity:1}.background-container .particles.particles-container-0 .particle.particle-img-0{animation-delay:0s;top:10vh;bottom:10vh;left:8vw}.background-container .particles.particles-container-0 .particle.particle-img-1{animation-delay:.2s;top:23vh;left:8vw}.background-container .particles.particles-container-0 .particle.particle-img-2{animation-delay:.2s;top:35vh;left:8vw}.background-container .particles.particles-container-0 .particle.particle-img-3{animation-delay:.2s;top:47vh;left:8vw}.background-container .particles.particles-container-0 .particle.particle-img-4{animation-delay:.6s;top:24vh;right:35vw}.background-container .particles.particles-container-0 .particle.particle-img-5{animation-delay:.6s;top:24vh;right:28vw}.background-container .particles.particles-container-0 .particle.particle-img-6{animation-delay:.6s;top:26vh;right:21vw}.background-container .particles.particles-container-0 .particle.particle-img-7{animation-delay:.6s;top:21vh;right:14vw}.background-container .particles.particles-container-0 .particle.particle-img-8{animation-delay:.6s;top:24vh;right:7vw}.background-container .particles.particles-container-1 .particle{position:absolute}.background-container .particles.particles-container-1 .particle.initial{opacity:0;transition:none}.background-container .particles.particles-container-1 .particle.animated{opacity:1;transition:all 1s}.background-container .particles.particles-container-1 .particle.animated.particle-img-0{display:none}.background-container .particles.particles-container-2{width:100%;position:absolute;left:0}.background-container .particles.particles-container-2 .particle{position:absolute}.background-container .particles.particles-container-2 .particle.particle-img-0{width:11vw;animation:5s ease-in-out .3s infinite animate_grow_1;top:10vh;left:5vw}.background-container .particles.particles-container-2 .particle.particle-img-1{width:17vw;animation:5s ease-in-out .3s infinite animate_grow_1;bottom:12vh;left:5vw}.background-container .particles.particles-container-2 .particle.particle-img-2{width:15vw;animation:5s ease-in-out .3s infinite animate_grow_1;top:2vh;left:16vw}.background-container .particles.particles-container-2 .particle.particle-img-3{width:13vw;animation:5s ease-in-out .3s infinite animate_grow_1;top:10vh;right:22vw}.background-container .particles.particles-container-2 .particle.particle-img-4{width:8vw;animation:5s ease-in-out .3s infinite animate_grow_1;top:0;right:10vw}.background-container .particles.particles-container-2 .particle.particle-img-5{width:17vw;animation:5s ease-in-out .3s infinite animate_grow_1;bottom:20vh;right:0}.background-container .overlay{z-index:2;align-items:center;width:100%;display:flex;position:relative}.background-container .overlay .center-details{z-index:5;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:relative}.background-container .overlay .center-details .visual-img{transition:opacity 1s;position:absolute}.background-container .overlay .center-details .visual-img.composite-img{width:43.02vw;height:85.46vh;transition:all 1s;bottom:0;right:15vw}.background-container .overlay .center-details .visual-img.composite-img>.inner-container{width:34vw;position:relative}.background-container .overlay .center-details .visual-img.composite-img>.inner-container>.img-parts{position:absolute}.background-container .overlay .center-details .visual-img.composite-img>.inner-container>.img-part-1{width:33vw}.background-container .overlay .center-details .visual-img.composite-img>.inner-container>.img-part-2{z-index:2;width:33vw}.background-container .overlay .center-details .visual-img.composite-img>.inner-container>.img-part-3{width:43vw;left:10vw}.background-container .overlay .center-details .visual-img.composite-img.initial>.inner-container>.img-part-3,.background-container .overlay .center-details .visual-img.composite-img.initial>.inner-container>.img-part-1,.background-container .overlay .center-details .visual-img.composite-img.initial>.inner-container .img-part-2{animation:none}.background-container .overlay .center-details .visual-img.composite-img.animated>.inner-container>.img-part-3{animation:7s cubic-bezier(.25,1,.5,1) forwards spinEaseOut}.background-container .overlay .center-details .visual-img.right-img-0{z-index:-1;width:35vw;animation:5s ease-in-out infinite float;bottom:-3vh;left:14vw}.background-container .overlay .center-details .visual-img.right-img-0.initial{opacity:0;transition:none}.background-container .overlay .center-details .visual-img.right-img-0.animated{opacity:1}.background-container .overlay .center-details .visual-img.right-img-1{width:58.49vw;bottom:0;left:5vw}.background-container .overlay .center-details .visual-img.right-img-1.initial{opacity:0;transition:none}.background-container .overlay .center-details .visual-img.right-img-1.animated{opacity:1}.background-container .overlay .center-details .visual-img.right-img-2{z-index:-1;width:35vw;animation:5s ease-in-out infinite float;bottom:5vh;left:30vw}.background-container .overlay .center-details .visual-img.right-img-2.initial{opacity:0;transition:none}.background-container .overlay .center-details .visual-img.right-img-2.animated{opacity:1}.background-container .overlay .center-details.center-text-0{justify-content:flex-end;height:100%;padding-bottom:25vh;padding-right:7vw}.background-container .overlay .center-details.center-text-0 .text-container{justify-content:flex-end;align-items:center;height:auto;display:flex;position:relative}.background-container .overlay .center-details.center-text-0 .text-container>img{width:35vw}.background-container .overlay .center-details.center-text-1{height:100%}.background-container .overlay .center-details.center-text-1 .text-container{justify-content:flex-end;align-items:center;height:auto;margin-right:3vw;display:flex}.background-container .overlay .center-details.center-text-1 .text-container>img{width:35vw}.background-container .overlay .center-details.center-text-2{justify-content:flex-end;width:100%;height:100%;padding-bottom:70px}.background-container .overlay .center-details.center-text-2 .text-container{justify-content:center;align-items:center;height:auto;display:flex;position:relative}.background-container .overlay .center-details.center-text-2 .text-container>img{width:47.08vw}.background-container .text-container{transition:transform .5s,opacity 1s;transform:translateY(0)}.background-container .text-container.pre-mount-down{transition:none;transform:translateY(-60vh)}.background-container .text-container.pre-mount-up{transition:none;transform:translateY(60vh)}.background-container .text-container.slide-down,.background-container .text-container.slide-up{transform:translateY(0)}.background-container .text-container.slide-out-down{transform:translateY(60vh)}.background-container .text-container.slide-out-top{transform:translateY(-60vh)}.background-container .visualNav{z-index:99999999;display:flex;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.background-container .visualNav .nav-dot{cursor:pointer;background:#222a3f;border-radius:10px;width:20px;height:20px;margin-left:8px;margin-right:8px}.background-container .visualNav .nav-dot.active{box-shadow:0px 0px 0px #fff,0px 0px 10px var(--app-primary),0px 0px 30px var(--app-primary);background:#fff;width:50px;transition:all .5s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes animate_grow_1{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.background-container .fade-in{animation:1s forwards fadeIn}.background-container .fade-out{animation:1s forwards fadeOut}.background-container .scale{animation:2s forwards scale-up}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinEaseOut{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scale-up{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flip-x{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(-1)}}@media (max-width:1000px){.background-container .particles{display:none!important}.background-container .overlay .center-details{background-repeat:no-repeat;background-size:cover;width:100%!important}.background-container .overlay .center-details .text-container,.background-container .overlay .center-details img{display:none!important}.background-container .overlay .center-text-0{background-image:url(https://file.xandroid.uk//img/frontend/betplay_main_assets/small_screen_1.webp)}.background-container .overlay .center-text-1{background-image:url(https://file.xandroid.uk//img/frontend/betplay_main_assets/small_screen_2.webp)}.background-container .overlay .center-text-2{background-image:url(https://file.xandroid.uk//img/frontend/betplay_main_assets/small_screen_3.webp)}}
