.eventBanner{animation:flipInX .3s ease forwards;padding-top:80px}@media(max-width:1100px){.eventBanner{padding-top:20px}}.eventBanner .eventContent{align-items:center;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;height:125px;position:relative;transition:transform .3s ease;z-index:1}.eventBanner .eventContent:after{border:4px solid #ffffff0f;border-radius:25px;content:"";height:calc(100% - 8px);left:0;opacity:0;position:absolute;top:0;width:calc(100% - 8px);z-index:-1}@media(max-width:1100px){.eventBanner .eventContent{align-items:flex-end;border-radius:25px;grid-template-columns:minmax(0,1fr);height:auto;overflow:hidden;padding:25px}.eventBanner .eventContent:after{opacity:1}.eventBanner .eventContent .streamCenter{display:none!important}.eventBanner .eventContent .bankBlock{justify-content:center!important;padding:0!important}.eventBanner .eventContent .bankBlock .blockBack{flex-direction:column;padding:10px 15px 10px 150px!important}.eventBanner .eventContent .bankBlock .blockBack .bankInf{padding:0 0 25px!important}.eventBanner .eventContent .bankBlock .blockBack .check{text-align:left}.eventBanner .eventContent .bankBlock .cupMobile{display:block!important;left:0;position:absolute;top:50%;transform:translateY(-50%)}.eventBanner .eventContent .back,.eventBanner .eventContent .eventTitle .cup{display:none}.eventBanner .eventContent .backMobile{display:block!important}}@media(max-width:500px){.eventBanner .eventContent{height:auto;padding:15px!important}}.eventBanner .eventContent .leftAbsImage{left:-40px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media(max-width:1100px){.eventBanner .eventContent .leftAbsImage{left:0;top:0;transform:none}}@media(max-width:600px){.eventBanner .eventContent .leftAbsImage{left:-15px;top:5px;width:140px}}.eventBanner .eventContent .btnWrapper{margin-left:auto;padding-right:50px}.eventBanner .eventContent .btnWrapper .spriteBtn{z-index:1}@media(max-width:1100px){.eventBanner .eventContent .btnWrapper{margin:0 auto;padding:160px 0 0}}.eventBanner .eventContent .btnWrapper .spriteBtn{width:211px}.eventBanner .eventContent .mascotBannerImage{bottom:-5px;position:absolute;right:300px}@media(max-width:1100px){.eventBanner .eventContent .mascotBannerImage{bottom:65px;right:50%;transform:translateX(50%);width:350px}}.eventBanner .eventContent:hover{transform:translateY(-3px)}.eventBanner .eventContent .eventTitle{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:135px;position:relative;z-index:1}@media(max-width:1100px){.eventBanner .eventContent .eventTitle{background:#15136499;border-radius:20px;padding:30px 20px 30px 150px}}@media(max-width:600px){.eventBanner .eventContent .eventTitle{padding:15px 15px 15px 100px}}.eventBanner .eventContent .eventTitle h1{font-size:36px;font-weight:900;text-transform:uppercase}@media(max-width:600px){.eventBanner .eventContent .eventTitle h1{font-size:24px}}.eventBanner .eventContent .eventTitle .count{font-size:14px;font-weight:400;padding-top:5px}@media(max-width:600px){.eventBanner .eventContent .eventTitle .count{font-size:12px}}.eventBanner .eventContent .eventTitle .cup{bottom:2px;left:-110px;position:absolute}.eventBanner .eventContent .streamCenter{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}@media(max-width:500px){.eventBanner .eventContent .streamCenter .character{max-width:200px!important}.eventBanner .eventContent .streamCenter .diamond{max-width:50px!important}}.eventBanner .eventContent .streamCenter .character{filter:drop-shadow(0 10px 12px rgba(65,198,255,.3019607843))}.eventBanner .eventContent .streamCenter .diamond{position:absolute;z-index:-1}.eventBanner .eventContent .streamCenter .diamond.one{left:-8%;top:16%;transform:rotate(319deg)}.eventBanner .eventContent .streamCenter .diamond.two{left:55%;top:-1%;transform:rotate(19deg)}.eventBanner .eventContent .streamCenter .diamond.three{left:87%;top:30%;transform:rotate(67deg);width:85px}.eventBanner .eventContent .bankBlock{align-items:center;display:flex;justify-content:flex-end;padding-right:15px;z-index:2}.eventBanner .eventContent .bankBlock .cupMobile{display:none}.eventBanner .eventContent .bankBlock .bankInf{font-size:34px;font-weight:900;padding-right:20px;text-align:center}.eventBanner .eventContent .bankBlock .bankInf .check{font-size:20px;font-weight:400;padding-top:5px}.eventBanner .eventContent .bankBlock .blockBack{align-items:center;background:#19223280;border:1px solid #2a3850;border-radius:15px;display:flex;justify-content:flex-end;padding:10px 15px 10px 25px;position:relative}@media(max-width:500px){.eventBanner .eventContent .bankBlock .blockBack{padding:10px 15px 10px 110px!important}.eventBanner .eventContent .bankBlock .blockBack .cupMobile{width:110px!important}.eventBanner .eventContent .bankBlock .blockBack .bankInf{font-size:28px!important}.eventBanner .eventContent .bankBlock .blockBack .check{font-size:16px!important;padding-top:0!important}.eventBanner .eventContent .bankBlock .blockBack .timer .countdown span{height:41px!important;width:41px!important}.eventBanner .eventContent .bankBlock .blockBack .timer .countdown span .small{font-size:6px!important}.eventBanner .eventContent .bankBlock .blockBack .timer .timeLabel{font-size:12px!important;padding-top:5px!important}}.eventBanner .eventContent .bankBlock .timeLabel{font-size:14px;font-weight:400;padding-top:10px;text-align:center;text-transform:uppercase}.eventBanner .eventContent .bankBlock .countdown .item span{background:#1e293c;background-clip:padding-box,border-box;background-image:linear-gradient(180deg,#192232,#192232),linear-gradient(180deg,#41c6ff 10%,#1a64fc 77%);background-origin:border-box;flex-direction:column;font-size:18px;font-weight:700;height:47px;width:47px}.eventBanner .eventContent .bankBlock .countdown .item span .small{font-size:8px;font-weight:400;text-transform:uppercase}.eventBanner .eventContent .backMobile{display:none}.eventBanner .eventContent .back,.eventBanner .eventContent .backMobile{height:100%;left:0;object-fit:cover;object-position:left;position:absolute;top:0;width:100%;z-index:-1}.eventBanner .eventContent .back{border-radius:25px}
/*# sourceMappingURL=5489.9cc85265.chunk.css.map*/