.homePage_quizLevelCard_container{width:136px;height:150px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 4px 80px #887aa614;border-radius:16px;opacity:1}.homePage_quizLevelCard_container .logo>img{height:92px;width:136px}.homePage_quizLevelCard_container .cardDetailsContainer{padding:12px;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.homePage_quizLevelCard_container .cardDetailsContainer.isRtl{padding:5px 12px!important;gap:5px!important}.homePage_quizLevelCard_container .cardDetailsContainer .name{text-align:left;font-size:14px;font-weight:600;letter-spacing:0px;color:#3f4765;opacity:1;display:flex;justify-content:flex-start;align-items:flex-start;vertical-align:middle;gap:6px}.homePage_quizLevelCard_container .cardDetailsContainer .name.isRtl{text-align:right!important}.homePage_quizLevelCard_container .cardDetailsContainer .name>img{height:18px;width:18px}.progresslevelPage_quizLevelCard_container{width:100%;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 4px 80px #887aa614;border-radius:16px}.progresslevelPage_quizLevelCard_container .summary{width:100%;height:58px;opacity:1;mix-blend-mode:normal;display:flex;justify-content:space-around;vertical-align:middle;align-items:center}.progresslevelPage_quizLevelCard_container .summary .logo{display:flex;flex-direction:column;justify-content:center;align-items:center}.progresslevelPage_quizLevelCard_container .summary .logo>img{width:28px;height:28px}.progresslevelPage_quizLevelCard_container .summary .name{font-size:14px;text-align:left;font-weight:700;letter-spacing:0px;color:#494f55;opacity:1}.progresslevelPage_quizLevelCard_container .summary .progress{width:98px}.progresslevelPage_quizLevelCard_container .summary .action{display:flex;flex-direction:column;justify-content:center;align-items:center}.progresslevelPage_quizLevelCard_container .summary .action>img{width:20px;height:20px}.progresslevelPage_quizLevelCard_container .summary .action:hover{cursor:pointer}.progresslevelPage_quizLevelCard_container .summary .action.rotate90Right{transform:matrix(0,1,-1,0,0,0)!important}.progresslevelPage_quizLevelCard_container .summary .remainingPoints{text-align:left;font-size:12px;font-weight:700;letter-spacing:1px;color:#494f55;opacity:1}.progresslevelPage_quizLevelCard_container .details{width:100%;opacity:1;mix-blend-mode:normal;display:flex;justify-content:space-around;vertical-align:middle;align-items:center;margin-bottom:16px}.progresslevelPage_quizLevelCard_container .details .actionButton{width:102px;height:32px;background:transparent linear-gradient(90deg,#46a0ae,#00ffcb) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;opacity:1;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:20px}.progresslevelPage_container{display:flex;flex-direction:column;gap:20px;flex:1}.progresslevelPage_container .progresslevelPage_quizProgressList_container{height:600px;overflow-y:scroll;flex-grow:1}.progresslevelPage_container .progresslevelPage_quizProgressList_container .list{margin:16px;display:flex;flex-direction:column;gap:16px}.progresslevelPage_container .footerAction{display:flex;flex-direction:row;justify-content:center;align-items:center;height:130px}.progresslevelPage_container .footerAction .btn_randomizeQuestion{flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:59px;background:transparent linear-gradient(180deg,#04faca,#46a0ae) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:10px;opacity:1}.footerAction .btn_randomizeQuestion>span{font-size:20px;font-weight:700;letter-spacing:0px;color:#fff;opacity:1}.progresslevelPage_container .headerBanner{height:54px;text-align:center;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.progresslevelPage_container .headerBanner>span{font-size:18px;letter-spacing:0px;color:#fff;position:relative;display:inline-block}.progresslevelPage_container .headerBanner>span>img{height:23px;vertical-align:middle;margin-top:-6px;margin-left:1px;margin-right:1px}.quizPlaygroundPage_container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;padding:0 16px;flex-grow:1}.quizPlaygroundPage_container .banner_quizCategory{height:51px;width:100%;background:transparent linear-gradient(270deg,#000,#343434 57%,#000) 0% 0% no-repeat padding-box;border-radius:10px;opacity:1;flex-grow:0;display:flex;flex-direction:row;align-items:center}.quizPlaygroundPage_container .banner_quizCategory>span:first-child{text-align:left}.quizPlaygroundPage_container .banner_quizCategory>span:nth-child(2){text-align:center;font-size:20px;font-weight:700;letter-spacing:0px;color:#fff;opacity:1;flex-grow:1}.profile_page_container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%}.profile_page_container .profile_page_header_container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex:0}.profile_page_container .profile_page_header_container>div{margin:0 20px}.profile_page_container .profile_page_header_container img{width:42px;height:42px;border-radius:50%;border:1px solid #ffffff}.profile_page_container .profile_page_body_container{background-color:#fff;width:100%;border-top-left-radius:30px;border-top-right-radius:30px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;align-items:center}.profile_page_body_container .avatar>img{height:87px;width:87px;border:1px solid #07f5c8;border-radius:50%;margin-top:-40px;background-color:#fff}.profile_page_body_container .nameContainer{text-align:center;letter-spacing:1px;color:#333236;opacity:1}.profile_page_body_container .claimContainer{width:186px;height:34px;background:#23293b 0% 0% no-repeat padding-box;border-radius:12px;opacity:1;display:flex;justify-content:center;align-items:center;padding:5px 20px}.profile_page_body_container .claimContainer>img{height:15px;width:13px;margin-right:5px}.profile_page_body_container .claimContainer span{text-align:center;letter-spacing:1px;color:#03fac9;opacity:1}.profile_page_body_container .rankContainer{background:transparent linear-gradient(90deg,#46a0ae,#00ffcb) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:23px;opacity:1;padding:16px 0;display:flex}.profile_page_body_container .rankContainer .badge{display:flex;flex-direction:column;justify-content:center;gap:8px;align-items:center;margin:0 15px;width:90px}.rankContainer .badge .icon>img{width:37px;height:37px}.rankContainer .badge .title{text-align:center;letter-spacing:1px;color:#23293b;opacity:1;font-size:12px}.rankContainer .badge .value{text-align:center;letter-spacing:1px;color:#23293b;opacity:1;font-size:18px}.profile_page_body_container .rankContainer .separator{border-left:1px solid #248f8f}.profile_page_body_container .statsContainer{width:100%;display:flex;flex-direction:column;gap:20px}.leaderboard_page_container{display:flex;flex-direction:column;align-items:center;gap:20px;height:100vh}.leaderboard_page_container .leaderboard_page_header_container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;flex:0}.leaderboard_page_container .leaderboard_page_header_container>div{margin:0 20px}.leaderboard_page_victoryStand_container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px}.leaderboard_page_victoryStand_container .leaderboard_page_victoryStand_item{width:101px;opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px}.leaderboard_page_victoryStand_item .avatar>img{width:63px;height:63px;border-radius:50%}.leaderboard_page_victoryStand_item .points_container{position:relative}.leaderboard_page_victoryStand_item .points_container .background{width:100%;height:46px;opacity:1;object-fit:cover}.leaderboard_page_victoryStand_item .points_container .points{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#414141;font-size:14px;font-weight:400}.leaderboard_page_victoryStand_item .victoryStand{position:relative}.leaderboard_page_victoryStand_item .victoryStand .background{width:100%;opacity:1;object-fit:cover}.leaderboard_page_victoryStand_item .victoryStand .position{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:36px;font-weight:700}.leaderboard_page_victoryStand_item.second{margin-top:50px}.leaderboard_page_victoryStand_item.third{margin-top:100px}.leaderboard_page_container .rankList_container{background-color:#fff;width:100%;border-top-left-radius:30px;border-top-right-radius:30px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;align-items:center;margin-top:-220px;z-index:1;flex:1;padding:30px 0}.leaderboard_page_container .rankList_container .rankList_item{width:100%;background:#fff;opacity:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.leaderboard_page_container .rankList_container .rankList_item div{padding:0 10px;margin:0 10px;min-width:40px}.rankList_container .rankList_item .avatar{flex:0}.rankList_container .rankList_item .avatar>img{width:40px;height:40px;border-radius:50%;border:1px solid #bcbcbc}.rankList_container .rankList_item .rank{text-align:center;font-size:16px;letter-spacing:0px;color:#494f55;opacity:1;flex:0}.rankList_container .rankList_item .name{text-align:left;font-size:14px;letter-spacing:0px;color:#494f55;opacity:1;flex:1}.rankList_container .rankList_item .points{text-align:left;font-size:16px;letter-spacing:0px;color:#ffb85c;opacity:1;flex:0}.rankList_container .rankList_item .points_label{text-align:left;font-size:13px;letter-spacing:0px;color:#494f55;opacity:1;flex:0}.quizRule_container{display:flex;flex-direction:column}.quizRule_container .headerBanner{height:54px;text-align:center;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:0}.quizRule_container .headerBanner>span{font-size:18px;letter-spacing:0px;color:#fff;position:relative;display:inline-block}.quizPlaygroundPage_container .footerAction,.quizRule_container .footerAction{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;margin:20px 0;width:100%}.quizPlaygroundPage_container .footerAction .btn_next,.quizRule_container .footerAction .btn_next{flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:59px;background:transparent linear-gradient(180deg,#04faca,#46a0ae) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:10px;opacity:1}.quizRule_container .quizPlaygroundPage_ruleList_container{height:650px;overflow-y:scroll;flex-grow:0;padding:0 14px}.quizRule_container .quizPlaygroundPage_ruleList_container .list{margin:16px 0;display:flex;flex-direction:column;gap:30px}.list .ruleContainer{display:flex;flex-direction:column;gap:16px}.list .ruleContainer .ruleTitle{text-align:left;font-size:18px;letter-spacing:0px;color:#08f4c7;opacity:1;margin-left:20px}.list .ruleContainer .ruleList{display:flex;flex-direction:column;gap:16px}.list .ruleContainer .ruleList .row{display:flex;flex-direction:row;justify-content:flex-start;gap:10px}.list .ruleContainer .ruleList .row .bulletPoint>img{width:16px;height:16px}.list .ruleContainer .ruleList .row .description{color:#fff;text-align:left;font-weight:lighter;font-size:12px;letter-spacing:.8px;opacity:1}.list .ruleContainer .ruleList .description .row{display:flex;flex-direction:row;justify-content:flex-start;gap:10px;margin:20px 0}.list .ruleContainer .ruleList .description .row .bulletPoint>img{width:9px;height:9px}.list .ruleContainer .ruleList .description .row .description{color:#fff;text-align:left;font-weight:lighter;font-size:12px;letter-spacing:.8px;opacity:1;display:flex;flex-direction:column}.quizPlayground_configuration_container{display:flex;flex-direction:column;gap:35px;width:100%}.quizPlayground_configuration_container .row{display:flex;flex-direction:column;gap:16px;width:100%}.quizPlayground_configuration_container .row .sectionHeader{text-align:left;font-size:18px;letter-spacing:0px;color:#fff;opacity:1}.quizPlayground_configuration_container .row .sectionOptions{display:flex;flex-direction:row;justify-content:space-around;width:100%}.row .sectionOptions .playerMode_card{width:45%;height:150px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 4px 80px #887aa614;border-radius:16px;opacity:1}.row .sectionOptions .playerMode_card.selected,.row .sectionOptions .playerMode_card:hover{transform:scale(1.05)}.row .sectionOptions .playerMode_card .top{width:100%;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.row .sectionOptions .playerMode_card .top .name{text-align:center;font-size:14px;font-weight:600;letter-spacing:0px;color:#3f4765;opacity:1}.row .sectionOptions .playerMode_card .top .avatar>img{width:38px;height:40px}.row .sectionOptions .playerMode_card .bottom{width:100%;height:50px;background-color:#ccc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.row .sectionOptions .playerMode_card .bottom.selected{background:transparent linear-gradient(180deg,#46a0ae,#04f8c8) 0% 0% no-repeat padding-box!important}.row .sectionOptions .playerMode_card .bottom>span{text-align:center;font-size:12px;letter-spacing:0px;color:#fff;opacity:1}.row .sectionOptions .playerDifficulty_card{width:30%;height:44px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 2px 48px #0000000f;border-radius:14px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.row .sectionOptions .playerDifficulty_card.selected{transform:scale(1.05)}.row .sectionOptions .playerDifficulty_card.selected,.row .sectionOptions .playerDifficulty_card:hover{background:transparent linear-gradient(180deg,#46a0ae,#04f8c8) 0% 0% no-repeat padding-box!important;transform:scale(1.05)}.row .sectionOptions .playerDifficulty_card>span{text-align:center;font-size:12px;letter-spacing:.86px;color:#77838f;opacity:1}.row .sectionOptions .playerDifficulty_card.selected>span{color:#fff!important}.quizPlaygroundPage_container .sectionTop{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:100%;flex-grow:1}.quizPlaygroundPage_container .sectionBottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;flex-grow:0;z-index:1}.quizPlaygroundPage_container .sectionTop .questionArea{display:flex;flex-direction:column;justify-content:center;align-items:center;width:93%;border:1px solid #3c4777;border-radius:8px;gap:16px;padding:20px 16px;background-color:#252c4a}.quizPlaygroundPage_container .sectionTop .MuiLinearProgress-determinate{background-color:#252c4a!important}.questionFormat_actionArea_container{background-color:#fff;padding:20px;width:100%;overflow:scroll}.questionFormat_actionArea_container .actionButton{width:90%;height:59px;background:transparent linear-gradient(180deg,#04faca,#46a0ae) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;font-size:18px;font-weight:700;letter-spacing:0px;color:#fff;opacity:1;text-transform:uppercase}.questionFormat_actionArea_container .actionButton:hover{background:transparent linear-gradient(180deg,#04faca,#46a0ae) 0% 0% no-repeat padding-box}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.questionFormat_remainingQuestion_container{color:#07f6c9;font-size:18px;margin-bottom:16px}.questionFormat_question_container{font-size:20px;color:#fff;opacity:1;letter-spacing:0;min-height:50px}.questionFormat_options_container{display:flex;flex-direction:column;gap:16px;align-items:center;width:100%}.questionFormat_options_container .options_optionContainer{display:flex;gap:16px;align-items:center;justify-content:center;flex-direction:row;background:#fff 0% 0% no-repeat padding-box;border:2px solid #fff;box-shadow:0 2px 4px #3c80d108;mix-blend-mode:normal;border-radius:8px;opacity:1;padding:20px;width:-webkit-fill-available;cursor:pointer}.questionFormat_options_container .options_optionContainer.selected{border:2px solid #06f8c9!important}.questionFormat_options_container .options_optionContainer.correct{background-color:#f0f9ee!important;border:2px solid #6ac259!important}.questionFormat_options_container .options_optionContainer.wrong{background-color:#fde9ea!important;border:2px solid #e92e30!important}.options_optionContainer .optionIndex{flex-grow:0}.options_optionContainer .optionIndex>span{background:#dedede 0% 0% no-repeat padding-box;mix-blend-mode:normal;border-radius:8px;opacity:1;padding:10px 14px}.options_optionContainer .optionIndex.selected>span{background:#06f8c9 0% 0% no-repeat padding-box!important}.options_optionContainer .optionIndex.correct>span{background:#6ac259 0% 0% no-repeat padding-box!important}.options_optionContainer .optionIndex.wrong>span{background:#e92e30 0% 0% no-repeat padding-box!important}.options_optionContainer .optionText{flex-grow:1;text-align:left;font-size:18px;letter-spacing:0px;color:#989898;opacity:1}.options_optionContainer .optionStatus{flex-grow:0}.options_optionContainer .optionStatus>img{width:30px;height:30px}.error{color:red}.statusIndicator_list_container{width:100%}.statusIndicator_list_container .title{text-align:left;font-size:12px;letter-spacing:0px;color:#000;opacity:1;margin-bottom:16px}.statusIndicator_list_container .statusIndicator_list_wrapper{display:flex;overflow-y:scroll;max-height:200px;margin-bottom:20px;padding-bottom:20px}.statusIndicator_list_wrapper .statusIndicator_list{display:flex;flex-direction:row;gap:16px;justify-content:space-evenly;align-items:center}.statusIndicator_list .statusIndicator_list_item{width:34px;height:34px;background:#fff 0% 0% no-repeat padding-box;opacity:1;border:1px solid #ececec;border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.statusIndicator_list .statusIndicator_list_item .questionNumber{text-align:center;font-size:10px;letter-spacing:0px;color:#161e21;opacity:1}.statusIndicator_list .statusIndicator_list_item.active{background:#06f8c965 0% 0% no-repeat padding-box;border:1px solid #06f8c9}.statusIndicator_list .statusIndicator_list_item .statusDot{width:6px;height:6px;background-color:#ececec;border-radius:50%}.statusIndicator_list .statusIndicator_list_item .statusDot.correct{background-color:#6ac259!important}.statusIndicator_list .statusIndicator_list_item .statusDot.wrong{background-color:#e92e30!important}.timeRemaining_label{position:relative;top:-22px;left:16px;font-size:14px}.timeRemaining_progressBar{background-color:#252c4a 0% 0% no-repeat padding-box!important}.timeRemaining_container{width:100%}.questionFormat_options_container .answerExplation{border-radius:8px;padding:20px;text-align:left;font-size:16px;letter-spacing:0px;opacity:1}.questionFormat_options_container .answerExplation.correct{background:#f0f9ee 0% 0% no-repeat padding-box;border:3px solid #6ac259;color:#6ac259}.questionFormat_options_container .answerExplation.correct .correctOptionBullet{background:#6ac259 0% 0% no-repeat padding-box;mix-blend-mode:normal;border-radius:8px;opacity:1;padding:10px 14px;margin-right:16px;color:#fff}.questionFormat_options_container .answerExplation.wrong{background:#fde9ea 0% 0% no-repeat padding-box;border:3px solid #e92e30;color:#e92e30}.questionFormat_options_container .answerExplation.wrong .correctOptionBullet{background:#e92e30 0% 0% no-repeat padding-box;mix-blend-mode:normal;border-radius:8px;opacity:1;padding:10px 14px;margin-right:16px;color:#fff}.timeOverWarning_container{display:contents}.timeOverWarning_container .emotionImage>img{width:141px;height:136px;opacity:1}.timeOverWarning_container .warningText{text-align:center;font-size:24px;font-weight:700;letter-spacing:0px;color:#fff;opacity:1}.timeOverWarning_container .points{color:#0dedc6;text-align:center;font-weight:700}.timeOverWarning_container .points .value{font-size:41px;letter-spacing:.03px}.timeOverWarning_container .points .label{font-size:14px;letter-spacing:.01px}.timeOverWarning_container .questionAttemptStatus{display:flex;justify-content:center}.timeOverWarning_container .questionAttemptStatus .questionAttemptStatusTextContainer{width:293px;height:42px;background:#252c4a 0% 0% no-repeat padding-box;mix-blend-mode:normal;border-radius:83px;opacity:1;display:flex;justify-content:center;align-items:center}.timeOverWarning_container .questionAttemptStatus .questionAttemptStatusTextContainer>span{margin:auto}.timeOverWarning_container .pointInformation{text-align:center;font-size:13px;letter-spacing:0px;color:#fff;opacity:1;padding:0 30px}.timeOverWarning_container .actionButtonContainer{display:flex;justify-content:space-around;width:100%;margin-bottom:200px}.timeOverWarning_container .actionButtonContainer .actionButton_primary{display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;letter-spacing:0px;color:#fff;cursor:pointer;width:45%;height:59px;background:transparent linear-gradient(180deg,#04faca,#46a0ae) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:10px;opacity:1}.timeOverWarning_container .actionButtonContainer .actionButton_secondary{width:45%;height:59px;box-shadow:0 3px 6px #00000029;border:1px solid #0dedc6;border-radius:10px;opacity:1;display:flex;justify-content:center;align-items:center;font-size:14px;letter-spacing:0px;color:#fff;cursor:pointer}.actionButton_secondary:hover,.actionButton_primary:hover{transform:scale(1.05)}.timeOverWarning_container #conffeti{top:140px;left:0;right:0;z-index:1;margin:0 auto;position:absolute}.boom{animation-name:boom}@keyframes boom{0%{opacity:0;transform-origin:50% 50%;transform:scale(.25);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}.lastPlayedQuizes_container{display:flex;flex-direction:column;padding:0 16px 16px;justify-content:center;gap:16px}.lastPlayedQuizes_container_header{text-align:left;font-size:16px;letter-spacing:1px;color:#333236;opacity:1}.lastPlayedQuizes_quizCategoryCard_container{background:#eaeaea 0% 0% no-repeat padding-box;border-radius:16px;opacity:1;box-shadow:0 4px 80px #887aa614;display:flex;padding:20px;gap:20px}.lastPlayedQuizes_quizCategoryCard_container:hover{background:#f2f2f2 0% 0% no-repeat padding-box}.lastPlayedQuizes_quizCategoryCard_container .logo{flex-grow:0}.lastPlayedQuizes_quizCategoryCard_container .logo>img{width:70px}.lastPlayedQuizes_quizCategoryCard_container .name{flex-grow:1;text-align:left;color:#3f4765;font-size:15px;font-weight:600;display:flex;flex-direction:column;justify-content:center}.lastPlayedQuizes_quizCategoryCard_container .action{flex-grow:0;display:flex;flex-direction:column;justify-content:center}.lastPlayedQuizes_quizCategoryCard_container .action .quizPoint{width:120px;height:34px;background:#23293b 0% 0% no-repeat padding-box;border-radius:17px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.quizPoint>span{letter-spacing:1px;color:#03fac9;opacity:1;font-size:15px;font-weight:500}.loadMoreButton{width:157px;height:53px;border:2px solid #5e6370;border-radius:14px;opacity:.5;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;color:#5e6370}.loadMoreButton:hover{border:2px solid #3a3d45;color:#3a3d45}.loadMoreButton>span{font-size:18px;letter-spacing:1px}.personalBadges_container{display:flex;flex-direction:column;padding:0 16px 16px;justify-content:center;gap:16px;margin-bottom:20px}.personalBadges_container_header{text-align:left;font-size:16px;letter-spacing:1px;color:#333236;opacity:1}.personalBadges_container .badgeList{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.personalBadges_container .badgeList .badgeList_item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.badgeList .badgeList_item .logo>img{width:99px;height:99px}.badgeList_item .name{font-size:14px;font-weight:700;letter-spacing:0px;color:#5d4b35;opacity:1}.badgeList_item .point{display:flex;flex-direction:column;align-items:center;justify-content:center;width:77px;height:34px;background:#23293b 0% 0% no-repeat padding-box;border-radius:17px;opacity:1}.badgeList_item .point .title{text-align:center;letter-spacing:1px;color:#03fac9;font-size:12px}.badgeList_item .point .value{text-align:center;letter-spacing:.67px;color:#fff;font-size:8px}.badgeList_item .badgeName{text-align:left;font-size:12px;letter-spacing:1px;color:#23293b;opacity:1}.stat_container{padding:0 16px 16px}.stat_container .stat_chart_title{color:#333236;font:normal normal medium 16px/21px Roboto;opacity:1;letter-spacing:1px}.MuiLinearProgress-barColorPrimary{background:transparent linear-gradient(90deg,#46a0ae,#00ffcb) 0% 0% no-repeat padding-box}.MuiLinearProgress-determinate{background-color:#e8ebf5!important}.timeRemaining_container .MuiLinearProgress-root{height:25px!important;border-radius:23px;position:relative}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.bounce{animation-name:bounce;transform-origin:center bottom}.flash{animation-name:flash}.pulse{animation-name:pulse;animation-timing-function:ease-in-out}.rubberBand{animation-name:rubberBand}.shakeX{animation-name:shakeX}.shakeY{animation-name:shakeY}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}.swing{animation-name:swing;transform-origin:top center}.tada{animation-name:tada}.wobble{animation-name:wobble}.jello{animation-name:jello;transform-origin:center}.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}.backInDown{animation-name:backInDown}.backInLeft{animation-name:backInLeft}.backInRight{animation-name:backInRight}.backInUp{animation-name:backInUp}.backOutDown{animation-name:backOutDown}.backOutLeft{animation-name:backOutLeft}.backOutRight{animation-name:backOutRight}.backOutUp{animation-name:backOutUp}.bounceIn{animation-name:bounceIn;animation-duration:.75s}.bounceInDown{animation-name:bounceInDown}.bounceInLeft{animation-name:bounceInLeft}.bounceInRight{animation-name:bounceInRight}.bounceInUp{animation-name:bounceInUp}.bounceOut{animation-name:bounceOut;animation-duration:.75s}.bounceOutDown{animation-name:bounceOutDown}.bounceOutLeft{animation-name:bounceOutLeft}.bounceOutRight{animation-name:bounceOutRight}.bounceOutUp{animation-name:bounceOutUp}.fadeIn{animation-name:fadeIn}.fadeInDown{animation-name:fadeInDown}.fadeInDownBig{animation-name:fadeInDownBig}.fadeInLeft{animation-name:fadeInLeft}.fadeInLeftBig{animation-name:fadeInLeftBig}.fadeInRight{animation-name:fadeInRight}.fadeInRightBig{animation-name:fadeInRightBig}.fadeInUp{animation-name:fadeInUp}.fadeInUpBig{animation-name:fadeInUpBig}.fadeInTopLeft{animation-name:fadeInTopLeft}.fadeInTopRight{animation-name:fadeInTopRight}.fadeInBottomLeft{animation-name:fadeInBottomLeft}.fadeInBottomRight{animation-name:fadeInBottomRight}.fadeOut{animation-name:fadeOut}.fadeOutDown{animation-name:fadeOutDown}.fadeOutDownBig{animation-name:fadeOutDownBig}.fadeOutLeft{animation-name:fadeOutLeft}.fadeOutLeftBig{animation-name:fadeOutLeftBig}.fadeOutRight{animation-name:fadeOutRight}.fadeOutRightBig{animation-name:fadeOutRightBig}.fadeOutUp{animation-name:fadeOutUp}.fadeOutUpBig{animation-name:fadeOutUpBig}.fadeOutTopLeft{animation-name:fadeOutTopLeft}.fadeOutTopRight{animation-name:fadeOutTopRight}.fadeOutBottomRight{animation-name:fadeOutBottomRight}.fadeOutBottomLeft{animation-name:fadeOutBottomLeft}.flip{animation-name:flip;backface-visibility:visible}.flipInX{animation-name:flipInX;backface-visibility:visible!important}.flipInY{animation-name:flipInY;backface-visibility:visible!important}.flipOutX{animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}.flipOutY{animation-name:flipOutY;animation-duration:.75s;backface-visibility:visible!important}.lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}.lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}.lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}.lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}.rotateIn{animation-name:rotateIn;transform-origin:center}.rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}.rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}.rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}.rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}.rotateOut{animation-name:rotateOut;transform-origin:center}.rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}.rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}.rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}.rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}.hinge{animation-name:hinge;transform-origin:top left;animation-duration:2s}.jackInTheBox{animation-name:jackInTheBox}.rollInLeft{animation-name:rollInLeft}.rollOutLeft{animation-name:rollOutLeft}.rollInRight{animation-name:rollInRight}.rollOutRight{animation-name:rollOutRight}.zoomIn{animation-name:zoomIn}.zoomInDown{animation-name:zoomInDown}.zoomInLeft{animation-name:zoomInLeft}.zoomInRight{animation-name:zoomInRight}.zoomInUp{animation-name:zoomInUp}.zoomOut{animation-name:zoomOut}.zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}.zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}.zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}.zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}.slideInDown{animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}.slideInUp{animation-name:slideInUp}.slideOutDown{animation-name:slideOutDown}.slideOutLeft{animation-name:slideOutLeft}.slideOutRight{animation-name:slideOutRight}.slideOutUp{animation-name:slideOutUp}.magic{animation-name:magic}.swapInLeft{animation-name:swapInLeft}.swapOutLeft{animation-name:swapOutLeft}.swapInRight{animation-name:swapInRight}.swapOutRight{animation-name:swapOutRight}.twistInDown{animation-name:twistInDown}.twistInUp{animation-name:twistInUp}.puffIn{animation-name:puffIn}.puffOut{animation-name:puffOut}.vanishIn{animation-name:vanishIn}.vanishOut{animation-name:vanishOut}.setInUpLeft{animation-name:setInUpLeft}.setInUpRight{animation-name:setInUpRight}.setInDownLeft{animation-name:setInDownLeft}.setInDownRight{animation-name:setInDownRight}.setOutUpLeft{animation-name:setOutUpLeft}.setOutUpRight{animation-name:setOutUpRight}.setOutDownLeft{animation-name:setOutDownLeft}.setOutDownRight{animation-name:setOutDownRight}.persInUp{animation-name:persInUp}.persInDown{animation-name:persInDown}.persInLeft{animation-name:persInLeft}.persInRight{animation-name:persInRight}.persOutUp{animation-name:persOutUp}.persOutDown{animation-name:persOutDown}.persOutLeft{animation-name:persOutLeft}.persOutRight{animation-name:persOutRight}.persRotateUp{animation-name:persRotateUp}.persRotateDown{animation-name:persRotateDown}.persRotateLeft{animation-name:persRotateLeft}.persRotateRight{animation-name:persRotateRight}.reverseZ{animation-name:reverseZ}.flush{animation-name:flush}.pulseUpIn{animation-name:pulseUpIn}.pulseDownIn{animation-name:pulseDownIn}.pulseLeftIn{animation-name:pulseLeftIn}.pulseRightIn{animation-name:pulseRightIn}.pulseUpOut{animation-name:pulseUpOut}.pulseDownOut{animation-name:pulseDownOut}.pulseLeftOut{animation-name:pulseLeftOut}.pulseRightOut{animation-name:pulseRightOut}.kobeRightOut{animation-name:kobeRightOut}.kobeLeftOut{animation-name:kobeLeftOut}.summonRight{animation-name:summonRight}.summonLeft{animation-name:summonLeft}.bendFlickTop{animation-name:bendFlickTop}.bendFlickBottom{animation-name:bendFlickBottom}.bendFlickLeft{animation-name:bendFlickLeft}.bendFlickRight{animation-name:bendFlickRight}.glideInDown{animation-name:glideInDown}.glideInLeft{animation-name:glideInLeft}.glideInRight{animation-name:glideInRight}.glideInUp{animation-name:glideInUp}.glideOutDown{animation-name:glideOutDown}.glideOutLeft{animation-name:glideOutLeft}.glideOutRight{animation-name:glideOutRight}.glideOutUp{animation-name:glideOutUp}.hideOut{animation-name:hideOut}.delay-0{animation-delay:0s}.delay-1{animation-delay:.25s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.75s}.delay-4{animation-delay:1s}.delay-5{animation-delay:1.25s}.delay-6{animation-delay:1.5s}.delay-7{animation-delay:1.75s}.delay-8{animation-delay:2s}.delay-9{animation-delay:2.25s}.delay-10{animation-delay:2.5s}.delay-11{animation-delay:2.75s}.delay-12{animation-delay:3s}.delay-13{animation-delay:3.25s}.delay-14{animation-delay:3.5s}.delay-15{animation-delay:3.75s}.delay-16{animation-delay:4s}.delay-17{animation-delay:4.25s}.delay-18{animation-delay:4.5s}.delay-19{animation-delay:4.75s}.delay-20{animation-delay:5s}.delay-21{animation-delay:5.25s}.delay-22{animation-delay:5.5s}.delay-23{animation-delay:5.75s}.delay-24{animation-delay:6s}.delay-25{animation-delay:6.25s}.delay-26{animation-delay:6.5s}.delay-27{animation-delay:6.75s}.delay-28{animation-delay:7s}.delay-29{animation-delay:7.25s}.delay-30{animation-delay:7.5s}.delay-31{animation-delay:7.75s}.delay-32{animation-delay:8s}.delay-33{animation-delay:8.25s}.delay-34{animation-delay:8.5s}.fast{animation-duration:.5s}.mid-fast{animation-duration:.75s}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes pulse{0%{transform:scaleZ(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleZ(1)}}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px) rotateY(-9deg)}18.5%{transform:translate(5px) rotateY(7deg)}31.5%{transform:translate(-3px) rotateY(-5deg)}43.5%{transform:translate(2px) rotateY(3deg)}50%{transform:translate(0)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0)}}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translateZ(0)}}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{transform:skew(6.25deg) skewY(6.25deg)}44.4%{transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{transform:skew(.390625deg) skewY(.390625deg)}88.8%{transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInLeft{0%{transform:translate(-2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInRight{0%{transform:translate(2000px) scale(.7);opacity:.7}80%{transform:translate(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(-2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translate(0) scale(.7);opacity:.7}to{transform:translate(2000px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}@keyframes flip{0%{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);animation-timing-function:ease-in}to{transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skew(30deg);opacity:0}60%{transform:skew(-20deg);opacity:1}80%{transform:skew(5deg)}to{transform:translateZ(0)}}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skew(-30deg);opacity:0}}@keyframes rotateIn{0%{transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform:rotate3d(0,0,1,45deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes rotateOut{0%{opacity:1}to{transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}@keyframes rollInLeft{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollOutLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}}@keyframes rollInRight{0%{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}to{opacity:1;transform:translateZ(0)}}@keyframes rollOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}@keyframes magic{0%{opacity:1;transform-origin:100% 200%;transform:scale(1) rotate(0)}to{opacity:0;transform-origin:200% 500%;transform:scale(0) rotate(270deg)}}@keyframes swapInLeft{0%{opacity:0;transform-origin:0 100%;transform:scale(0) translate(-700px)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}}@keyframes swapOutLeft{0%{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:0% 100%;transform:scale(0) translate(-700px)}}@keyframes swapInRight{0%{opacity:0;transform-origin:0 -100%;transform:scale(0) translate(700px)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}}@keyframes swapOutRight{0%{opacity:1;transform-origin:100% 100%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:0% 100%;transform:scale(0) translate(700px)}}@keyframes twistInDown{0%{opacity:0;transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}30%{transform-origin:0 100%;transform:scale(0) rotate(360deg) translateY(-100%)}to{opacity:1;transform-origin:100% 100%;transform:scale(1) rotate(0) translateY(0)}}@keyframes twistInUp{0%{opacity:0;transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}30%{transform-origin:100% 0;transform:scale(0) rotate(360deg) translateY(100%)}to{opacity:1;transform-origin:0 0;transform:scale(1) rotate(0) translateY(0)}}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}@keyframes puffOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(2px)}}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(90px)}to{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}}@keyframes vanishOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:scale(2);filter:blur(20px)}}@keyframes setInUpLeft{0%{transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out}to{transform-origin:top left;transform:rotate(0);animation-timing-function:ease-out}}@keyframes setInUpRight{0%{transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out}to{transform-origin:top right;transform:rotate(0);animation-timing-function:ease-out}}@keyframes setInDownLeft{0%{transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out}to{transform-origin:bottom left;transform:rotate(0);animation-timing-function:ease-out}}@keyframes setInDownRight{0%{transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out}to{transform-origin:bottom right;transform:rotate(0);animation-timing-function:ease-out}}@keyframes setOutUpLeft{0%{transform-origin:top left;transform:rotate(0);animation-timing-function:ease-out}to{transform-origin:top left;transform:rotate(110deg);animation-timing-function:ease-in-out}}@keyframes setOutUpRight{0%{transform-origin:top right;transform:rotate(0);animation-timing-function:ease-out}to{transform-origin:top right;transform:rotate(-110deg);animation-timing-function:ease-in-out}}@keyframes setOutDownLeft{0%{transform-origin:bottom left;transform:rotate(0);animation-timing-function:ease-out}to{transform-origin:bottom left;transform:rotate(-110deg);animation-timing-function:ease-in-out}}@keyframes setOutDownRight{0%{transform-origin:bottom right;transform:rotate(0);animation-timing-function:ease-out}to{transform-origin:bottom right;transform:rotate(110deg);animation-timing-function:ease-in-out}}@keyframes persInUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateX(0)}}@keyframes persInDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}}@keyframes persInLeft{0%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}to{transform-origin:0 0;transform:perspective(800px) rotateY(0)}}@keyframes persInRight{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}}@keyframes persOutUp{0%{transform-origin:0 0;transform:perspective(800px) rotateX(0)}to{transform-origin:0 0;transform:perspective(800px) rotateX(180deg)}}@keyframes persOutDown{0%{transform-origin:0 100%;transform:perspective(800px) rotateX(0)}to{transform-origin:0 100%;transform:perspective(800px) rotateX(-180deg)}}@keyframes persOutLeft{0%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}to{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}}@keyframes persOutRight{0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}to{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}}@keyframes persRotateUp{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateX(180deg) translateZ(100px)}}@keyframes persRotateDown{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateX(0) translateZ(0)}to{opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-180deg) translateZ(300px)}}@keyframes persRotateLeft{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translateZ(0)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(-180deg) translateZ(300px)}}@keyframes persRotateRight{0%{opacity:1;transform-origin:0 0;transform:perspective(800px) rotateY(0) translate3d(0px)}to{opacity:0;transform-origin:50% 0;transform:perspective(800px) rotateY(180deg) translateZ(300px)}}@keyframes reverseZ{0%{opacity:0;transform-origin:50% 50%;transform:scale(0) rotate(360deg)}15%{opacity:1;transform-origin:0% 100%;transform:scale(.5) rotate(0)}30%{opacity:1;transform-origin:100% 100%;transform:scale(.5) rotate(0)}45%{opacity:1;transform-origin:0%;transform:scale(.5) rotate(0)}60%{opacity:1;transform-origin:0% 0%;transform:scale(.5) rotate(0)}75%{opacity:1;transform-origin:100% 0%;transform:scale(.5) rotate(0)}to{opacity:1;transform-origin:50% 50%;transform:scale(1) rotate(0)}}@keyframes flush{0%{opacity:1;transform-origin:50% 50%;transform:scale(1) rotateY(0)}to{opacity:0;transform-origin:50% 50%;transform:scale(0) rotateY(180deg)}}@keyframes pulseUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseDownIn{0%{opacity:0;transform:scale(1) translateY(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}60%,80%,to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseLeftIn{0%{opacity:0;transform:scale(1) translate(-900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}@keyframes pulseRightIn{0%{opacity:0;transform:scale(1) translate(900%)}50%,70%,90%{opacity:1;transform:scale(1.1) translate(0)}60%,80%,to{opacity:1;transform:scale(1) translate(0)}}@keyframes pulseUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(-900%)}}@keyframes pulseDownOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}10%,30%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:0;transform:scale(1) translateY(900%)}}@keyframes pulseLeftOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(-900%)}}@keyframes pulseRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translate(0)}10%,30%{opacity:1;transform:scale(1.1) translate(0)}to{opacity:0;transform:scale(1) translate(900%)}}@keyframes kobeRightOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(0px)}to{opacity:0;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(20px)}}@keyframes kobeLeftOut{0%{opacity:1;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}50%{opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(0px)}to{opacity:0;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(20px)}}@keyframes summonRight{0%{opacity:1;transform-origin:200% 50%;transform:rotate(240deg);filter:blur(20px)}50%{opacity:1;transform-origin:200% 50%;transform:rotate(160deg);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}}@keyframes summonLeft{0%{opacity:1;transform-origin:-100% 50%;transform:rotate(-240deg);filter:blur(20px)}50%{opacity:1;transform-origin:-100% 50%;transform:rotate(-160deg);filter:blur(0px)}to{opacity:0;transform-origin:50% 50%;transform:rotate(0);filter:blur(0px)}}@keyframes bendFlickTop{0%{opacity:0;transform-origin:50% 100%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 100%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 100%;transform:perspective(800px) rotateX(0)}}@keyframes bendFlickBottom{0%{opacity:0;transform-origin:50% 0%;transform:perspective(800px) rotateX(-90deg)}50%{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(50deg)}to{opacity:1;transform-origin:50% 0%;transform:perspective(800px) rotateX(0)}}@keyframes bendFlickLeft{0%{opacity:0;transform-origin:100% 50%;transform:perspective(800px) rotateY(-90deg)}50%{opacity:1;transform-origin:100% 50%;transform:perspective(800px) rotateY(50deg)}to{opacity:1;transform-origin:100% 50%;transform:perspective(800px) rotateY(0)}}@keyframes bendFlickRight{0%{opacity:0;transform-origin:0% 0%;transform:perspective(800px) rotateY(90deg)}50%{opacity:1;transform-origin:0% 0%;transform:perspective(800px) rotateY(-50deg)}to{opacity:1;transform-origin:0% 0%;transform:perspective(800px) rotateY(0)}}@keyframes glideInDown{0%{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}to{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}}@keyframes glideInLeft{0%{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}to{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}}@keyframes glideInRight{0%{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}to{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}}@keyframes glideInUp{0%{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}to{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}}@keyframes glideOutDown{0%{opacity:1;transform-origin:50% 100%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 100%;transform:scale(.2) translateY(200%)}}@keyframes glideOutLeft{0%{opacity:1;transform-origin:0% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:0% 50%;transform:scale(.2) translate(-200%)}}@keyframes glideOutRight{0%{opacity:1;transform-origin:100% 50%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:100% 50%;transform:scale(.2) translate(200%)}}@keyframes glideOutUp{0%{opacity:1;transform-origin:50% 0%;transform:scale(1) translate(0)}to{opacity:0;transform-origin:50% 0%;transform:scale(.2) translateY(-200%)}}@keyframes hideOut{0%{opacity:1}to{opacity:0;display:none}}@media only screen and (max-width: 767px){.body_container{width:100%!important}.navigationBar_container{width:100%}.navigationBar_container_appBar{width:90%!important}}@media only screen and (min-width: 768px) and (max-width: 991px){.body_container{width:70%!important}.navigationBar_container{width:70%}.navigationBar_container_appBar{width:60%!important}}@media only screen and (min-width: 992px){.body_container{width:40%!important}.navigationBar_container{width:40%}.navigationBar_container_appBar{width:30%!important}}#root{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;margin:0;justify-content:flex-start;color:#fff;background-color:#b4b4b4;overflow-y:scroll}.body_container{flex:1;align-self:center;background-color:#000;padding-top:70px;background-image:url(/images/category_bg.png);max-width:600px;min-width:375px;display:flex;flex-direction:column}.navigationBar_container_appBar{right:auto!important;border-radius:80px}.navigationBar_container{display:flex;justify-content:center;align-items:center;align-self:center;flex:0;background-color:#000}.appbar_logo{height:100%;width:200px;margin:auto}.homePage_banner_container{width:100%;height:468px;border-radius:10px;background:transparent radial-gradient(closest-side at 50% 50%,#285d96,#0f2241) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;opacity:1}.homePage_quizCategoryList_container{margin:16px;display:flex;flex-direction:column;gap:16px}.homePage_quizCategoryCard_container{background:#fff 0% 0% no-repeat padding-box;border-radius:16px;opacity:1;box-shadow:0 4px 80px #887aa614;display:flex;padding:20px;gap:20px}.homePage_quizCategoryCard_container:hover{background:#f2f2f2 0% 0% no-repeat padding-box}.homePage_quizCategoryCard_container .logo{flex-grow:0}.homePage_quizCategoryCard_container .logo>img{width:70px}.homePage_quizCategoryCard_container .name{flex-grow:1;text-align:left;color:#3f4765;font-size:15px;font-weight:600;display:flex;flex-direction:column;justify-content:center}.homePage_quizCategoryCard_container .action{flex-grow:0;display:flex;flex-direction:column;justify-content:center}.homePage_quizCategoryCard_container .action .quizCategory_actionButton_start{width:86px;height:34px;background:#23293b 0% 0% no-repeat padding-box;border-radius:17px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.quizCategory_actionButton_start>span{letter-spacing:1px;color:#03fac9;opacity:1;font-size:15px;font-weight:500}.quizCategory_actionButton_start:hover{cursor:pointer;background-color:#394360}.sectionHeading_container{display:flex;justify-content:space-between;align-items:center;padding:3px 15px;border-radius:23px}.sectionHeading_container:hover{cursor:pointer;background-color:#293456}.sectionHeading_container .headerText{text-align:left;font-size:18px;font-weight:600;letter-spacing:0px;color:#bfbfbf;opacity:1}.sectionHeading_container .headerIcon{display:flex;justify-content:center;align-items:center}.sectionHeading_container .headerIcon>img{width:18px;height:24px}.homePage_randomQuizInitiator_card{background:transparent linear-gradient(90deg,#46a0ae,#00ffcb) 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:23px;opacity:1;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;margin:16px}.homePage_randomQuizInitiator_card .actionText{text-align:center;font-size:16px;letter-spacing:0px;color:#171d30;opacity:1}.homePage_randomQuizInitiator_card .actionButton{width:80%;height:55px;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000029;border-radius:13px;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.homePage_randomQuizInitiator_card .actionButton>span{text-align:center;font-weight:600;font-size:18px;letter-spacing:0px;color:#23293b;opacity:1}.actionButton:hover{cursor:pointer;background:#f2f2f2 0% 0% no-repeat padding-box}.homePage_userStat_container{display:flex;justify-content:space-between;align-items:center;gap:16;margin:16px}.homePage_userStat_container .leftBlock{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:8px}.homePage_userStat_container .leftBlock .goodbye{display:flex;gap:4px;text-align:left;letter-spacing:0px;color:#fff;opacity:1}.homePage_userStat_container .leftBlock .goodbye .icon{display:flex;justify-content:center;align-items:center}.homePage_userStat_container .leftBlock .goodbye .icon>img{width:18px;height:18px}.homePage_userStat_container .leftBlock .goodbye .greetingText{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.homePage_userStat_container .leftBlock .letsplay{text-align:left;font-size:14px;letter-spacing:0px;color:#818e9e;opacity:1}.homePage_userStat_container .coins-area{display:flex;justify-content:flex-end;align-items:center;gap:4px;position:relative}.homePage_userStat_container .coins-area .icon>img{width:35px;height:35px}.homePage_userStat_container .coins-area .points{width:100px;height:40px;background:#ffbf47 0% 0% no-repeat padding-box;border-radius:100px;opacity:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.homePage_userStat_container .coins-area .points>span{text-align:center;font-size:14px;font-weight:600;letter-spacing:0px;color:#fff;opacity:1}.homePage_userStat_container .coins-area .rank{margin:0 5px;color:#fff;font-size:14px}.homePage_userStat_container .coins-area .coins{color:#fff;height:35px;width:75px;display:flex;font-size:14px;font-weight:700;cursor:grab;align-items:center;border-radius:40px;justify-content:center;background-color:#ffb300}.homePage_userStat_container .coinFx{translate:-10px -50px;z-index:2;display:block;position:absolute}.homePage_userStat_container .coin{top:0;left:0;position:absolute;width:22.5px;height:22.5px;opacity:0;animation:coinDrop .4s ease-in both}.homePage_userStat_container .coin-1{animation-delay:1s}.homePage_userStat_container .coin-2{animation-delay:1.2s}.homePage_userStat_container .coin-3{animation-delay:1.4s}.homePage_userStat_container .coin-4{animation-delay:1.6s}.homePage_userStat_container .coin-5{animation-delay:1.8s}.homePage_userStat_container .coin-6{animation-delay:2s}.homePage_userStat_container .coin-7{animation-delay:2.2s}.homePage_userStat_container .coin-8{animation-delay:2.4s}.homePage_userStat_container .coin-9{animation-delay:2.6s}.homePage_userStat_container .coin-10{animation-delay:2.8s}@keyframes coinDrop{1%{opacity:1}99%{opacity:.1}to{opacity:0;transform:translate(-30px,40px);width:10px;height:10px}}.homePage_quizProgressList_container{margin:14px 16px;display:flex;gap:16px;overflow-x:scroll;min-height:170px}.button:hover{cursor:pointer;transition:background-color .3s;opacity:.8}.hide{display:none}.actionButton.disabled{cursor:default!important;background:transparent linear-gradient(180deg,#b4b4b4,#8c8c8c) 0% 0% no-repeat padding-box!important}.imageDisabled{filter:grayscale(100%)}.textDisabled{color:#8c8c8c!important}.paddingTop0{padding-top:0!important}.paddingTop8{padding-top:8px!important}.paddingTop16{padding-top:16px!important}.justifyCenter{justify-content:center!important}.isRtl{direction:rtl}@font-face{font-family:Scheherazade;src:url(fonts/Scheherazade/Scheherazade-Bold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ThaiSarbun;src:url(fonts/ThaiSarabun/ThaiSarabunRegular.ttf) format("truetype");font-weight:400;font-style:normal}.Scheherazade{font-family:Scheherazade!important}.ThaiSarbun{font-family:ThaiSarbun!important}.rotate180{transform:rotate(180deg)!important}.rotate360{transform:rotate(360deg)!important}.textAlignRight{text-align:right!important}.mirrorImage{transform:scaleX(-1)!important}.left0{left:0!important}.right10{right:10px!important}.marginLeft16{margin-left:16px!important}.marginLeft0{margin-left:0!important}.marginRight16{margin-right:16px!important}.marginRight0{margin-right:0!important}.directionLtr{direction:ltr!important}.gap0{gap:0px!important}body{height:100vh;margin:0;padding:0;background-color:#000;font-family:Helvetica,Arial,sans-serif}