@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.login-form-body{background-color:#000;height:100dvh;width:100%;display:flex;align-items:center;overflow:auto;justify-content:center}.login-form-wrapper{background-color:#181818;width:100%;padding:32px;max-width:450px;border-radius:10px;display:flex;flex-direction:column;gap:30px}.login-form-wrapper .login-form-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px;color:silver;text-transform:uppercase}.login-form{width:100%;display:flex;flex-direction:column;gap:10px}.login-form .login-form-group{margin-bottom:3px}.login-form-group .login-group-form-input{background-color:var(--army-green);border:none;color:var(--pryTextColor);font-size:14px;border-radius:5px;height:var(--input-h);padding:0 10px;width:100%}.login-group-form-select .form__control{background-color:var(--army-green);width:100%;border:none}.login-group-form-select .form__single-value{font-size:14px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-optical-sizing:auto;font-variation-settings:"wght" 50;color:gray}.login-form-group .login-group-form-input::placeholder{color:gray}.login-form-option-group{color:var(--light-lemon-green);margin:.8em 0;font-size:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.login-form-option-group .login-group-form-label{cursor:pointer}.login-form .login-form-button{background:var(--secBgColor);border:1px solid var(--army-green-fade);color:#181818;cursor:pointer;font-size:14px;border-radius:5px;height:var(--input-h);width:100%;font-weight:600}.login-form .login-form-button:hover{background-color:var(--white-fade);font-size:14px}.not-found{height:100dvh;width:100%;background:#000;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found .logo{color:silver;font-size:40px}.not-found .not-found-msg{color:var(--pitch);font-size:18px;text-align:center;line-height:2;padding:20px}.not-found .not-found-back-btn{width:220px;height:50px;font-size:16px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:4px;background-color:#f9bc60}@media screen and (max-height: 568px){.login-form-body{align-items:start}.login-form-wrapper{background-color:inherit;box-shadow:none}.login-form{background-color:inherit}}@media screen and (max-width: 568px){.login-form-body{background-color:var(--army-green-fade)}.login-form-wrapper{box-shadow:none}}@media screen and (min-width: 1068px){.login-form-wrapper{background-color:var(--army-green-fade);width:100%;padding:32px;max-width:700px;border-radius:10px}}.loading-component{width:100%;height:100%;background:#1c1c1c;position:fixed;left:0;z-index:7;display:none;align-items:center;justify-content:center}.loading-component .loader{display:flex;align-items:center;justify-content:center;width:120px;height:120px;padding:3px;transition:all 2s ease-in-out}.loader img{width:100%;height:100%}.loader.one{background:#1c1c1c;border:3px #abd1c6 solid;overflow:hidden;animation:one .4s .1s ease-in-out infinite;border-color:#323232;border-left-color:#abd1c6;border-top-color:#abd1c6;border-bottom-color:#abd1c6;border-radius:100rem}.loader.one img{animation:one .4s .1s ease-in-out reverse infinite}@keyframes one{to,0%{rotate:0deg}to{rotate:360deg}}.points-chart-body{background-color:#000;height:100dvh;width:100%;display:flex;align-items:center;overflow:auto;justify-content:center}.points-chart-wrapper{height:100%;background-color:#000;width:100%;padding:32px;max-width:450px;border-radius:10px;display:flex;flex-direction:column;gap:30px}.points-chart-wrapper .points-chart-header{width:100%;font-size:40px;justify-content:space-between;align-items:center;display:flex;color:silver;text-transform:uppercase}.points-chart-wrapper .points-chart-header .points-chart-header-title{font-size:20px}.points-chart-wrapper .points-chart-header .points-chart-header-back-btn{width:25px;height:25px;display:flex;cursor:pointer}.points-chart-wrapper .points-chart-header .points-chart-header-back-btn img{width:100%;height:100%}.points-chart{width:100%;display:flex;align-items:center;justify-content:center;margin:auto}@media screen and (max-height: 568px){.points-chart-body{align-items:start}.points-chart-wrapper{background-color:inherit;box-shadow:none}.points-chart{background-color:inherit}}@media screen and (max-width: 568px){.points-chart-wrapper .points-chart-header .points-chart-header-title{font-size:15px}.points-chart-wrapper .points-chart-header .points-chart-header-back-btn{width:20px;height:20px}.points-chart-wrapper{box-shadow:none}}@media screen and (min-width: 1068px){.points-chart-wrapper{width:100%;padding:32px;max-width:700px;border-radius:10px}.points-chart-wrapper .points-chart-header .points-chart-header-title{font-size:25px}.points-chart-wrapper .points-chart-header .points-chart-header-back-btn{width:30px;height:30px}}.user-dashboard .user-dashboard-wrapper{gap:18px;padding:10px;display:flex;width:100dvw;height:100dvh;position:relative;margin-bottom:50px;flex-direction:column;background-color:#000}.user-dashboard .user-dashboard-header{display:flex;justify-content:space-between;background-color:#dda201;align-items:center;flex-direction:column;position:sticky;top:0;z-index:1;padding:0 20px;gap:10px}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container{display:flex;min-height:80px;width:100%;width:95%;max-width:800px}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile{display:flex;width:100%;gap:10px;align-items:center;justify-content:space-between}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile .user-header-profile-avatar{display:flex;align-items:center;border-radius:100%;border:#886401 solid 2px;padding:3px;justify-content:center}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile .user-header-profile-avatar img{display:flex;width:40px;height:40px;border-radius:100%}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile .user-header-profile-info{display:flex;flex-direction:column;gap:2px}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile .user-header-profile-info .user-username{font-size:18px;color:#fff}.user-dashboard .user-dashboard-header .user-dashboard-header-profile-container .user-header-profile .user-header-profile-info .user-level{color:#291e02;font-size:13px}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container{display:flex;max-width:800px;align-items:center;justify-content:center;border:#886401 dotted 2px;width:97%;background-color:#000;justify-content:space-between;min-height:20px;padding:6px 0}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats{display:flex;width:100%;max-width:800px;justify-content:space-between;height:100%}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups{width:100%;display:flex;align-items:center;justify-content:center;gap:15px}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-icons{display:flex;width:20px;height:20px}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-labels{display:flex;flex-direction:column;font-size:12px;gap:2px;align-items:center;justify-content:center;color:#fff}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-labels .stats-number{font-size:14px;color:#f9bc60}.user-dashboard .user-dashboard-course-search-form{display:flex;height:45px;align-items:center;justify-content:center;color:var(--textColor);width:100%;user-select:none;-webkit-user-select:none;padding:15px}.user-dashboard .user-dashboard-course-search-form .user-course-search-form-input{display:flex;user-select:none;-webkit-user-select:none;max-width:760px;background-color:#fff;height:100%;width:100%;padding:1em;align-items:center;min-height:40px;border:none;font-weight:700;font-size:14px;color:#000}.user-dashboard .user-dashboard-course-search-form .user-course-search-form .course-search-form-group .search-box::placeholder{font-size:14px;color:#000}.user-dashboard .user-courses-list-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:5px;height:calc(100% - 158px);align-self:center}.user-dashboard .user-courses-list-container .user-courses-header{width:100%;max-width:800px;display:flex;align-items:center;justify-content:start;padding:0 20px}.user-dashboard .user-courses-list-container .user-courses-header .header-text{width:80%;font-size:20px;font-weight:600;color:#fff}.user-dashboard .user-courses-list-wrapper{width:100%;font-size:16px;max-width:800px;padding:5px;overflow-y:scroll}.user-dashboard .user-courses-list-wrapper .user-courses-list{width:100%;font-size:16px;display:flex;padding:60px 10px 40px;gap:65px 20px;justify-content:space-around;flex-wrap:wrap}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box{min-height:180px;max-height:250px;min-width:150px;flex:1 1 auto;font-size:16px;cursor:pointer;position:relative;background-color:#1d1d18;border:2px solid #dda201;background-color:#fff;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box .course-info{backdrop-filter:blue(20px);backdrop-filter:blur(5px);background-color:transparent;-webkit-backdrop-filter:blur(5px);background:#000;border-bottom-left-radius:10px;border-bottom-right-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#abd1c6;min-width:100%;display:flex;flex-direction:column;gap:5px;padding:5px 10px;min-height:40px;text-transform:capitalize;justify-items:center;position:absolute;bottom:-0px;left:0}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box .course-info .course-title{font-size:14px;color:#fff;font-weight:700;overflow-wrap:anywhere;font-weight:500}.course-box:after{content:"";width:400px;height:400px;border-radius:50%;position:fixed;background:#f9bc60fb;z-index:-999;animation:bounceBal 10s 2s infinite}@keyframes bounceBal{to,0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}}@keyframes bounce{0%{top:0;left:0}to{top:100%;left:70%}}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box.new-course:before{content:"NEW";color:red;padding:5px;border-radius:4px;font-size:12px;font-family:Roboto,sans-serif;font-weight:700;position:absolute;right:-6px;background:#000;rotate:30deg}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box .course-img:hover{animation:runningBorder 1s ease alternate .1s}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box img{object-fit:contain;max-width:150px;max-height:150px;border-radius:6px;padding:5px;position:absolute;top:-60px;left:0;filter:drop-shadow(0 0 .75rem #1c1c1c)}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box .course-info .course-point{font-size:12px}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box .course-info .course-level{color:var(--pitch);font-size:12px;display:none}@media screen and (max-width: 465px){.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container{padding:5px 0}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-icons{width:20px;height:20px}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-labels{font-size:11px;gap:2px}.user-dashboard .user-dashboard-header .user-dashboard-header-stats-container .user-dashboard-header-stats-groups .user-dashboard-header-stats-labels .stats-number{font-size:15px}.user-dashboard .user-courses-list-wrapper .user-courses-list .course-box{width:40%;min-width:120px}}@keyframes runningBorder{0%{border-top:solid 1px #053527}25%{border-right:solid 1px #053527}50%{border-bottom:solid 1px #053527}75%{border-left:solid 1px #053527}}.app-footer{width:100%;height:60px;position:fixed;left:0;bottom:0;display:flex;justify-content:space-between;padding:10px;background-color:#101010}.app-footer .app-footer-nav-container{display:flex;align-items:center;justify-content:space-evenly;width:100%}.app-footer .app-footer-nav-container .app-footer-nav-groups{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;cursor:pointer}.app-footer .app-footer-nav-container .app-footer-nav-groups .app-footer-nav-icons{display:flex;width:30px;height:30px;border:3px solid #e16162;background-color:#abd1c6;padding:3px;border-radius:100%}.app-footer .app-footer-nav-container .app-footer-nav-groups .app-footer-nav-icons img{display:flex;width:100%;height:100%}.app-footer .app-footer-nav-container .app-footer-nav-groups .app-footer-nav-labels{display:flex;font-size:12px;font-weight:500;align-items:center;justify-content:center;color:#fff}.app-footer .app-footer-nav-container .app-footer-nav-groups.active-nav .app-footer-nav-labels{color:#e16162;font-size:16px}.course-quiz-blocks{height:100dvh;gap:18px;position:relative;background-color:#000;display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;overflow:auto;padding-bottom:30px}.course-quiz-blocks .course-quiz-blocks-header{display:flex;justify-content:space-between;padding:10px;align-items:center;height:60px;width:100%;position:sticky;top:0;z-index:2;background-color:#dda201}.course-quiz-blocks .course-quiz-blocks-header .course-quiz-blocks-header-title{display:flex;flex-direction:column;gap:20px;color:#fff;font-size:16px;font-weight:500}.course-quiz-blocks .course-quiz-blocks-header .course-quiz-blocks-header-back-btn img{width:20px;height:20px;cursor:pointer}.course-quiz-blocks .course-quiz-info-wrapper{display:flex;width:90%}.course-quiz-blocks .course-quiz-info-wrapper .info-contianer{display:flex;flex-direction:column;color:#000;width:100%;font-size:25px;padding:10px 20px;background-color:#fff}.course-quiz-blocks .course-quiz-info-wrapper .info-contianer .info-text-content{display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center}.course-quiz-blocks .course-quiz-info-wrapper .info-contianer .info-icon{align-self:flex-end}.course-quiz-blocks .course-quiz-info-wrapper .info-contianer .info-icon img{width:20px;flex-direction:column}.course-quiz-block-list-wrapper{width:100%;display:flex}.course-quiz-block-list-wrapper .course-quiz-block-list::-webkit-scrollbar{width:10px}.course-quiz-block-list-wrapper .course-quiz-block-list{width:100%;padding:20px 20px 0;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;overflow:auto;gap:10px;align-self:center;justify-content:left}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group:before{content:"";position:relative;left:42px;border:solid 5px;width:0;height:200px;border-radius:40px}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group{height:150px;width:100%;max-width:calc(calc(100% /3) - 10px);display:flex;gap:20px;justify-content:space-between;padding:12px 0}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group.active .course-quiz-block-continer{background-color:#bb8f16;width:100%;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group.active .course-quiz-block-continer .course-quiz-block-progress .progress-indicator{background-color:#fff;width:50%;color:#001e1d}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group.active .course-quiz-block-side-icon{background-color:var(--secBgColor)}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-side-icon{z-index:1;width:40px;height:35px;background-color:silver;border-radius:40px;padding:5px}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-side-icon img{width:100%;height:100%}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer{background-color:#181818;width:100%;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer .course-quiz-block-title{width:100%;padding:0 10px;font-size:20px;color:#fff;font-weight:500}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer .course-quiz-block-progress{width:90%;height:15px;background-color:#202020;border-radius:10px;overflow:hidden;margin-left:10px}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer .course-quiz-block-progress .progress-indicator{display:flex;height:15px;background-color:#202020;width:0%;font-weight:600;font-size:13px;color:#001e1d;justify-content:center;align-items:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer .course-quiz-block-button{display:flex;height:30px;align-self:flex-end;border-radius:5px;background-color:#abd1c6;cursor:pointer;width:100px;max-width:140px;font-size:18px;font-weight:500;color:#101010;justify-content:center;align-items:center}@media screen and (max-width: 1560px){.course-quiz-block-list-wrapper .course-quiz-block-list{width:100%;padding:20px 20px 0;display:grid;grid-template-columns:repeat(2,50%);height:100%;overflow:auto;gap:10px;align-self:center;justify-content:center;align-items:start;border-bottom:3px solid}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group{height:150px;width:100%;max-width:1200px;display:flex;gap:20px;justify-content:space-between;padding:12px 0}}@media screen and (max-width: 1000px){.course-quiz-blocks .course-quiz-info-wrapper .info-contianer .info-text-content{font-size:13px}.course-quiz-block-list-wrapper .course-quiz-block-list{width:100%;padding:10px 10px 0;display:grid;height:100%;display:flex;flex-direction:column;overflow:auto;gap:10px;border-bottom:3px solid;align-items:center;justify-content:center}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group{height:150px;width:100%;max-width:700px;display:flex;gap:10px;padding:10px 0}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group:before{content:" ";position:relative;left:18px;border:#C0C0C0 solid 3px;width:0;height:200px}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-side-icon{z-index:1;width:35px;height:30px;margin-left:-10px;background-color:silver;border-radius:100%;padding:0}.course-quiz-block-list-wrapper .course-quiz-block-list .course-quiz-block-group .course-quiz-block-continer .course-quiz-block-button{display:flex;height:25px;align-self:flex-end;border-radius:5px;background-color:#abd1c6;cursor:pointer;width:80px;font-size:13px;font-weight:500;color:#101010;justify-content:center;align-items:center}}.quiz-question-wrapper{height:100dvh;flex-direction:column;background-color:#000;display:flex;align-items:center;width:100%}.quiz-question{height:100dvh;flex-direction:column;gap:10px;position:relative;background-color:#000;display:flex;align-items:center;width:100%;max-width:800px;overflow:auto;padding-bottom:30px}.quiz-question .quiz-question-header{display:flex;justify-content:space-between;padding:10px;align-items:center;height:60px;width:100%;position:sticky;top:0;z-index:2;gap:10px;background-color:#dda201}.quiz-question .quiz-question-back-btn{width:30px;height:30px}.quiz-question .quiz-question-back-btn img{width:100%;height:100%}.quiz-question .quiz-question-progress-wrapper{width:80%;height:10px;background-color:#abd1c6;border-radius:10px;overflow:hidden}.quiz-question .quiz-question-progress-wrapper .quiz-question-progress{width:100%;height:10px;border-radius:10px;background-color:silver;overflow:hidden}.quiz-question .quiz-question-progress-wrapper .quiz-question-progress .progress-indicator{display:flex;height:100%;background-color:#f9bc60;width:0%;font-size:12px;transition:width 2s;font-weight:800;color:#080808;justify-content:center;align-items:center;padding:6px}.quiz-question .quiz-question-screen-loader{width:100%;padding-left:50px}.quiz-question .quiz-question-screen{display:flex;flex-direction:column;width:100%;font-size:11px;color:#abd1c6;justify-content:center;align-items:center;gap:40px}.quiz-question .quiz-question-screen .quiz-question-screen-info{display:flex;flex-direction:column;text-align:center;color:var(--secBgColor);width:100%;font-size:14px;border-radius:20px;padding:10px 20px}.quiz-question .quiz-question-screen .quiz-question-screen-question{display:flex;background-color:#323232;border-radius:10px;min-height:200px;width:95%;font-size:17px;font-weight:500;line-height:1.2;color:#fff;padding:10px;justify-content:center;align-items:center;position:relative}.quiz-question .quiz-question-timer{display:flex;width:50px;height:50px;color:silver;font-size:20px;font-weight:600;justify-content:center;align-items:center;gap:20px;position:absolute;top:-20px;border:3px var(--pitch) solid;background-color:#1c1c1c;border-radius:100%}.quiz-question .quiz-question-options,.quiz-question-onselection-response{display:flex;border-radius:5px;width:100%;font-size:15px;padding:10px;align-items:center}.quiz-question .quiz-question-options .quiz-question-options-wrapper{display:flex;flex-direction:column;gap:8px;border-radius:5px;width:100%;font-size:15px;padding:10px}.quiz-question .quiz-question-options .quiz-question-options-wrapper .quiz-question-option{width:100%;min-height:50px;font-size:15px}.quiz-question .quiz-question-options .quiz-question-options-wrapper .quiz-question-option{border-radius:10px;width:100%;padding:10px;min-height:50px;display:flex;align-items:center;font-size:15px;border:2px #737373 solid;color:#fff;word-wrap:break-word;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.quiz-question .quiz-question-options .quiz-question-options-wrapper .quiz-question-option:hover{width:100%;font-size:15px;color:#f9bc60;background-color:#101010;cursor:pointer}.quiz-question-response-btn-container{width:100%;align-items:center;justify-content:center;display:flex;height:45px}.quiz-question-response-btn{width:100%;display:flex;align-items:center;justify-content:center;height:45px;background-color:#f9bc60;border-radius:5px;color:#001e1d;cursor:pointer}@media screen and (max-width: 768px){.quiz-question .quiz-question-screen .quiz-question-screen-question{max-width:90%}.quiz-question .quiz-question-screen-loader{width:100%;padding:0 20px 0 0}}.quiz-leaderboard-wrapper *::-webkit-scrollbar{display:none}.quiz-leaderboard-wrapper{height:100dvh;display:flex;flex-direction:column;gap:5px;position:relative;background-color:#000;align-items:center;width:100%;max-width:800px;overflow:auto;padding-bottom:30px}.quiz-leaderboard-wrapper .quiz-leaderboard-header{display:flex;justify-content:space-between;padding:10px;align-items:center;height:50px;width:100%;position:sticky;top:0;z-index:2;background-color:#dda201}.quiz-leaderboard-wrapper .quiz-leaderboard-header .quiz-leaderboard-header-back-btn{display:flex;justify-content:space-between;align-items:center;height:100%;cursor:pointer}.quiz-leaderboard-wrapper .quiz-leaderboard-header .quiz-leaderboard-header-back-btn img{width:20px;height:20px}.quiz-leaderboard-wrapper .quiz-leaderboard-header .quiz-leaderboard-header-title{display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#fff;font-size:18px;font-weight:600}.quiz-leaderboard-wrapper .quiz-leaderboard-header .quiz-leaderboard-header-menu img{width:25px;height:25px}.quiz-leaderboard-wrapper .quiz-leaderboard-section-top-nav{width:90%;display:flex;padding:1px;align-items:stretch;background-color:#abd1c6;border-radius:50px}.quiz-leaderboard-wrapper .quiz-leaderboard-section-top-nav .leaderboard-section-navs{width:100%;display:flex;height:60px;color:#323232;font-size:12px;border-radius:50px;justify-content:space-evenly;align-items:center;cursor:pointer}.quiz-leaderboard-wrapper .quiz-leaderboard-section-top-nav .leaderboard-section-navs:hover{background-color:#1c1c1c;font-size:13px}.quiz-leaderboard-wrapper .quiz-leaderboard-section-top-nav .leaderboard-section-navs.active{background-color:#1c1c1c;color:#fff;font-size:13px}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display{width:100%;color:#abd1c6;display:flex;height:calc(100% - 100px)}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container{background-color:#dda201;background-color:#000;justify-content:center;width:100%;height:100%;color:#abd1c6;display:flex;padding:10px 0 0}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list{width:95%;height:100%;overflow:scroll;padding:15px 0 70px;color:#001e1d;display:flex;flex-direction:column;gap:10px;align-items:center;position:relative}.quiz-leaderboard-wrapper .quiz-leaderboard-user-position{width:95%;display:flex;flex-direction:column;align-items:center;justify-items:center;position:fixed;height:50px;background-color:#000;bottom:8vh;padding:5px;max-width:800px}.quiz-leaderboard-wrapper .quiz-leaderboard-user-position .user-column{width:95%;border-radius:10px}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column{background-color:#bd8e0ddc;width:95%;color:#fff;display:flex;align-items:center;justify-content:center;min-height:50px;gap:5px;box-shadow:0 0 4px #1c1c1c;border-radius:10px}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column.leader-board-me-active{background-color:#45311f;border:2px solid #f9bc60}.leaderboard-users-display-container .leaderboard-user-loader-list{width:95%;padding:10px 0;display:flex;height:100dvh;min-height:700px;flex-direction:column;gap:10px;overflow:hidden;align-items:center}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-position-number{display:flex;font-size:14px;min-width:40px;padding:0 0 0 10px;justify-content:center;align-items:center;color:#000}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column.leader-board-me-active .user-column-position-number{color:#fff}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-profile{color:#fff;width:80%;width:calc(80% - 25px);display:flex;align-items:center;gap:10px;font-size:14px;text-transform:capitalize}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-profile .user-profile-img{width:40px;height:40px}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-profile .user-profile-img img{width:100%;height:100%;border-radius:100%;object-fit:cover}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-point-counts{color:#fff;width:20%;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:2px;font-size:16px}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column .user-column-point-counts img{width:15px;height:15px}@media screen and (max-width: 549px){.quiz-leaderboard-wrapper .quiz-leaderboard-section-top-nav .leaderboard-section-navs{height:45px}.leaderboard-users-display-container .leaderboard-user-loader-list{align-items:start}.quiz-leaderboard-wrapper .quiz-leaderboard-users-display .leaderboard-users-display-container .users-list .user-column{min-height:50px}}.list-ellipsis{cursor:pointer;font-size:12px}.user-profile{display:flex;width:100%;flex-direction:column;align-items:center;min-height:100dvh;padding-bottom:140px;background-color:#000}.user-profile-wrapper{display:flex;max-width:800px;width:100%;flex-direction:column;height:100%}.profile-header{display:flex;padding:10px;color:#fff;justify-content:space-between;align-items:center}.profile-header .left-profile-header{display:flex;width:100%;padding:10px;color:#fff;justify-content:left;gap:10px;align-items:center}.left-profile-header .profile-avatar-container{width:60px;height:60px;border-radius:100%;border:#f9bc60 solid 2px;padding:3px}.left-profile-header .profile-avatar-container img{width:100%;height:100%;border-radius:100%;background:#fff;object-fit:cover}.left-profile-header .profile-info{display:flex;flex-direction:column;gap:2px}.left-profile-header .profile-info .user-stars{display:flex;align-items:center}.user-stars{-webkit-user-select:none;user-select:none}.star{animation:loader 2s infinite alternate;height:16px;margin-left:-15px;filter:drop-shadow(0px 0px 4px #000000)}.star1{margin-left:-10px}.left-profile-header .profile-info .user-name{font-size:16px}.left-profile-header .profile-info .user-level{font-size:12px;color:silver}.profile-header .right-profile-header{display:flex;width:50%;flex-direction:column;padding:17px 10px;gap:10px;color:silver;justify-content:center;align-items:flex-end}.right-profile-header .user-credits{display:flex;align-items:center;padding:8px 10px;gap:5px;border-radius:10px;background:#f9bc60;color:#1c1c1c;font-size:14px}.right-profile-header .user-credits img{width:20px}.right-profile-header .get-more-credits-btn{font-size:13px}.profile-announcement-wrapper{background-color:#1c1c1c;background-color:#000;padding:0 20px;display:flex;align-items:center;height:min-height;width:100%;gap:20px;min-height:180px;overflow-x:scroll}.profile-announcement-wrapper .announcement-container:nth-child(1){background-image:url()}.profile-announcement-wrapper .announcement-container:nth-child(2){background-image:url()}.profile-announcement-wrapper .announcement-container{width:100%;min-width:100%;max-width:800px;min-height:150px;border-radius:10px;display:flex;background-size:cover;background-image:url();background-position:center;background-repeat:no-repeat;padding:20px;border:3px white dotted;cursor:pointer}.profile-announcement-wrapper .announcement-container .announcement-left{display:flex;flex-direction:column;justify-content:space-around;align-items:end;padding:10px;gap:10px}.profile-announcement-wrapper .announcement-container .announcement-left .left-top-content{display:flex;flex-direction:column;justify-content:space-around;align-items:end;gap:5px}.profile-announcement-wrapper .announcement-container .announcement-left .left-top-content .content-type{background:#f9bc60;width:100px;height:100px;border-radius:100%;display:flex;align-items:center;justify-content:center}.profile-announcement-wrapper .announcement-container .announcement-left .left-top-content .content-type .content-title{color:#323232;font-size:38px}.profile-announcement-wrapper .announcement-container .announcement-right{display:flex;width:100%;flex-direction:column;justify-content:space-around;align-items:end;padding:10px;gap:10px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content{display:flex;width:100%;flex-direction:column;justify-content:space-around;align-items:end;color:#fff;gap:5px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content .content-type{color:var(--pitch);font-size:18px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content .content-title{text-align:right;font-size:18px}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content{width:100%;display:flex;flex-direction:column;justify-content:space-around;color:#fff;align-items:end;gap:5px}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content .content-type{font-size:13px;color:#f9bc60;text-align:right}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content .content-title{font-size:13px;display:flex;gap:5px;align-items:center}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content .content-title span{font-family:roboto,Helvetica Neue,Helvetica,Arial}.user-profile-stats-wrapper{display:flex;flex-direction:column;width:100%;padding:10px;gap:10px;background-color:#000}.stats-header{color:#abd1c6;padding:0 20px;font-size:20px}.user-profile-stats-container{display:flex;width:100%;overflow:auto;padding:10px;gap:10px;flex-wrap:wrap}.stats-item{min-width:150px;flex:1 1 auto;background:#bd8e0d;border-radius:10px;display:flex;flex-direction:column;padding:20px;gap:5px;color:#fff;cursor:pointer}.stats-item .stats-item-top{width:100%;display:flex;font-size:14px;justify-content:space-between}.stats-item .stats-item-top .stats-item-icon img{width:50px}.stats-item .stats-item-top .stats-item-icon img.prog{width:40px}.stats-item .stats-item-bottom{width:100%;height:100%;display:flex;flex-direction:column;font-size:16px;justify-content:space-between;gap:5px;color:#080600}.stats-item .stats-item-bottom .stats-item-value{font-size:20px}.stats-item .stats-item-bottom .stats-item-text{color:#fff;word-wrap:break-word}.stats-item .stats-item-bottom .stats-item-text.selectContent{cursor:text}@media screen and (max-width: 465px){.profile-announcement-wrapper{padding:0 10px;width:100%;gap:10px;height:150px;overflow-x:scroll}.profile-announcement-wrapper .announcement-container .announcement-left .left-top-content .content-type{width:80px;height:80px;border-radius:100%;display:flex;align-items:center;justify-content:center}.profile-announcement-wrapper .announcement-container .announcement-left .left-top-content .content-type .content-title{color:#323232;font-size:38px}.profile-announcement-wrapper .announcement-container .announcement-right{gap:5px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content{gap:0px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content .content-type{font-size:15px}.profile-announcement-wrapper .announcement-container .announcement-right .right-top-content .content-title{font-size:14px}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content{gap:10px}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content .content-type{font-size:11px}.profile-announcement-wrapper .announcement-container .announcement-right .right-bottom-content .content-title{font-size:11px;gap:5px}.stats-item{width:40%;min-width:120px}.stats-item .stats-item-top{width:100%;display:flex;font-size:12px;gap:5px;justify-content:space-between}.stats-item .stats-item-top .stats-item-icon img{width:40px}.stats-item .stats-item-top .stats-item-icon img.prog{width:30px}.stats-item .stats-item-bottom{width:100%;display:flex;flex-direction:column;font-size:13px;justify-content:space-between;gap:5px}.stats-item .stats-item-bottom .stats-item-value{font-size:30px}}.App{background-color:#000;display:flex;width:100dvw;flex-direction:column;align-items:center}.toasts{display:none;position:fixed;min-height:30px;width:max-content;max-width:90%!important;bottom:10%;z-index:9;align-items:center;justify-content:center;text-align:center;padding:12px 15px;border-radius:50px;background-color:var(--pitch);color:var(--pryColor);left:50%;font-size:14px;transform:translate(-50%);box-shadow:0 0 50px #4b4b4a;color:#121212}.noto-sans-thin{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:100;font-style:normal}.noto-sans-light{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:300;font-style:normal}.noto-sans-regular{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:400;font-style:normal}.noto-sans-medium{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:500;font-style:normal}.noto-sans-bold{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:700;font-style:normal}.noto-sans-black{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:900;font-style:normal}.noto-sans-thin-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:100;font-style:italic}.noto-sans-light-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:300;font-style:italic}.noto-sans-regular-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:400;font-style:italic}.noto-sans-medium-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:500;font-style:italic}.noto-sans-bold-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:700;font-style:italic}.noto-sans-black-italic{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-weight:900;font-style:italic}.roboto-thin{font-family:Roboto,sans-serif;font-weight:100;font-style:normal}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-optical-sizing:auto;font-variation-settings:"wght" 50}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}.roboto-black{font-family:Roboto,sans-serif;font-weight:900;font-style:normal}.roboto-thin-italic{font-family:Roboto,sans-serif;font-weight:100;font-style:italic}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-regular-italic{font-family:Roboto,sans-serif;font-weight:400;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.roboto-bold-italic{font-family:Roboto,sans-serif;font-weight:700;font-style:italic}.roboto-black-italic{font-family:Roboto,sans-serif;font-weight:900;font-style:italic}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins;outline:none;-webkit-user-drag:none;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}*:focus{outline:none}*::-webkit-scrollbar{display:none}:root{--army-green: #101010;--pitch: #e16162;--light-orange: #f9bc60;--light-lemon-green: #abd1c6;--army-green-fade: #181818;--white-fade: #eff0f3;--gray: #C0C0C0;--pryBgColor: var(--army-green);--secBgColor: var(--light-orange);--pryTextColor: var(--white-fade);--secTextColor: var(--army-green-fade);--link-decColor: var(--pitch);--input-h: 2.5rem}.hide{display:none!important}.wrong{color:#eff0f3!important;border:2px solid #e16162!important}.correct{color:#abd1c6!important;border:2px solid #abd1c6!important}marquee{color:#fff}