.hdr-area.hdr-nav{padding:28px 0}.hdr-area .navbar,.hdr-area .navbar .container-fluid{padding:0}.hdr-area .navbar-nav{padding:7px 0 0}.hdr-area .navbar-nav .nav-item{float:left;line-height:40px;display:block;position:relative}.hdr-area .navbar-nav .nav-item a.dropdown-toggle:after{content:"";font-family:fontawesome;font-size:1em;line-height:initial;text-align:center;border:0;width:10px;margin-left:4px;display:inline-block;position:absolute;top:12px}.hdr-area .navbar-nav .nav-item a{color:#777;padding:10px 12px;font-size:16px;font-weight:300;line-height:20px}.hdr-area .navbar-nav .nav-item.active a{color:#555;text-decoration:underline}.hdr-area .navbar-nav .nav-item .dropdown-menu{text-align:left;background-color:#fff;border:1px solid #00000026;border-radius:4px;min-width:260px;margin:2px 0 0;padding:0;font-size:14px;list-style:none;box-shadow:0 6px 12px #0000002d}.hdr-area .navbar-nav .nav-item .dropdown-menu a{float:left;width:100%;padding:3px 12px;line-height:30px}.hdr-area .navbar-nav .nav-item .dropdown-menu a._aactive{color:#fff;background-color:#002d72}.hdr-area .navbar-nav .nav-item .dropdown-menu a._aactive:hover{background-color:#0068ff}.hdr-area .navbar-nav .nav-item .dropdown-menu a:hover{background-color:#eee;text-decoration:none}.hdr-area .navbar-nav .nav-item .dropdown-menu .beta-tag{margin-top:-2px}.hdr-area .navbar-nav .nav-item .dropdown-menu li:last-child a{border-top:1px solid #e5e5e5}.hdr-area .navbar-toggler{outline:none;position:absolute;top:6px;right:0}.hdr-area .navbar-toggler.collapsed .navbar-toggler-icon{background:url(/front/images/nav-open.png) no-repeat;width:36px;height:19px}.hdr-area .navbar-toggler .navbar-toggler-icon{background:url(/front/images/nav-close.png) no-repeat;width:24px;height:23px}body .navbar-brand{max-width:336px;height:100%;margin-right:40px;padding:0}body img{max-width:100%;height:auto}.badge.get_all_noti{color:#fff;background-color:#0068ff;border-radius:50%;min-width:22px;height:22px;font-size:12px;font-weight:400;line-height:16px;position:absolute;top:-7px;right:-4px}.hideForSidebar{display:none}@media (width<=991px){.hideForSidebar{display:block}}@media (width<=1440px){.hdr-area .navbar-nav .nav-item .dropdown-menu{left:auto;right:-75px}}@media (width<=1280px){.hdr-area .navbar-nav .nav-item .dropdown-menu{right:0}}@media (width<=1199px){body .navbar-brand{margin-right:10px;line-height:51px;max-width:230px!important}.hdr-area.hdr-nav{height:auto;padding:15px 0}.hdr-area.hdr-nav .container{padding:0}}@media (width<=991px){.hdr-area .container{max-width:95%}.hdr-area.hdr-nav{padding:15px 0}.hdr-area .navbar-toggler{outline:none;margin:15px 15px 0 0;padding:0}.hdr-area .navbar-nav .nav-item{text-align:center}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-toggle:after{content:"+";color:#fff;background:#6c757d;border-radius:50%;width:25px;height:25px;margin:0;font-size:25px;font-weight:700;line-height:25px;top:8px;right:15px}.hdr-area .navbar-nav .nav-item.dropdown.show{width:100%;position:absolute;top:0}.hdr-area .navbar-nav .nav-item.dropdown.show .dropdown-toggle:after{content:"-";z-index:9999;color:#fff;background:#002d72;border-radius:50%;width:25px;height:25px;margin:0;font-size:36px;line-height:14px;top:18px;right:15px}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu{box-shadow:none;width:100%;height:100vh;box-shadow:none;border:0;margin:0;padding:10px 0 0;position:absolute;top:0}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu .btn,.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu li{text-align:center}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu li a{float:none;border:0;width:auto}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu li a .beta-tag{width:50px!important}.hdr-area .navbar-nav .nav-item.dropdown .dropdown-menu li:last-child{background:#eee;border-top:1px solid #eee}.navbar-header{width:100%;padding:15px 0}body.navbar--open{overflow:hidden}body.navbar--open .navbar-header{background:#eee}body .navbar-brand{margin:0 0 0 15px;line-height:30px}.hdr-area.hdr-nav{height:auto;padding:0}.hdr-area.hdr-nav .container{max-width:100%}.hdr-area #slidemenu{z-index:99;height:100vh;position:relative;top:0}}@media (width<=568px){body .navbar-brand{max-width:230px}}.student-header-menu{justify-content:space-between}footer .bottom-area{color:#fff;background-color:#002d72;width:100%;height:70px;padding:9px 0;font-size:14px;font-weight:300;position:absolute}footer .bottom-area a{color:#fff}footer .bottom-area li{padding-right:1em}footer .bottom-area li:last-child{border-left:1px solid #fff;padding-left:1em;padding-right:0}footer .bottom-area .text{padding:12px 0 0}@media (width<=767px){footer .bottom-area .text{width:30%;padding:12px 0 0 10px;display:inline-block}footer .bottom-area .clrlist{width:70%;padding-right:5px;display:inline-block}}@media (width<=568px){footer .bottom-area .text,footer .bottom-area .clrlist{text-align:center;width:100%;padding:0;display:block}}@media (width<=414px){footer .bottom-area li{padding-right:8px}footer .bottom-area li:last-child{padding-left:8px}}@media (width<=340px){footer .bottom-area li{padding-right:4px}footer .bottom-area li:last-child{padding-left:4px}}.student-user-avatar-display{flex-direction:column;align-items:center;display:flex}.student-user-avatar-display .user-avatar{width:170.96px;height:171.1px}.student-user-avatar-display .user-avatar-small{width:83px;height:93px}.student-user-avatar-display .account-pill{width:6.25rem}.student-user-avatar-display .account-pill-btn{color:#fff;border:2px solid #fff;border-radius:3rem;justify-content:center;align-items:center;width:6.25rem;padding:2px;font-size:.7rem;font-weight:600;transition:all .3s ease-in-out;display:flex}.student-user-avatar-display .account-pill-btn.active,.student-user-avatar-display .account-pill-btn:hover{color:#26b59d;background:#fff}.student-user-avatar-display .account-pill-btn.account-pill-mini{width:80px;height:23px;margin-top:.7rem;font-size:.6rem}.student-user-avatar-display .initials{color:#fff;text-transform:uppercase;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.student-user-avatar-display .initials-expanded{width:166px;height:166px;font-size:68.58px}.student-user-avatar-display .initials-collapse{border:2px solid #fff;width:70px;padding:.5rem;font-size:2rem}.student-user-avatar-display .initials:hover{color:#26b59d}.current-level-box[data-v-ec604c81]{flex-direction:column;gap:10px;display:flex}.current-level-text[data-v-ec604c81]{text-align:center;color:#fff;font-family:Hellix;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal}.current-level-text-small[data-v-ec604c81]{width:70px;font-weight:600}.current-user-level[data-v-ec604c81]{color:#fff;text-align:center;font-family:Hellix;font-size:1.5rem;font-style:normal;font-weight:700;line-height:normal;display:flex}.current-level-icon[data-v-ec604c81]{justify-content:center;align-items:center;gap:10px;display:flex}.completed-challenges-text[data-v-ec604c81]{color:#fff;text-align:center;font-family:Hellix;font-size:.875rem;font-style:normal;font-weight:500;line-height:normal}.progress-bar[data-v-ec604c81]{background:#d9d9d959;border-radius:9.786px;width:100%;height:20px;position:relative;overflow:hidden}.progress-bar .progress[data-v-ec604c81]{background-color:#fff;border-radius:9.786px;height:100%;transition:width .3s}.progress-bar .progress-text[data-v-ec604c81]{color:#5c25b7;margin-left:8px;font-family:Hellix;font-size:15px;font-style:normal;font-weight:700;line-height:normal;position:absolute;top:50%;left:15%;transform:translate(-50%,-50%)}#current-user-level-id.modal-style .current-level-box[data-v-ec604c81]{gap:unset;min-width:240px;margin-top:1.75rem}#current-user-level-id.modal-style .current-level-box .current-level-text[data-v-ec604c81]{white-space:nowrap;text-align:center;width:100%;margin-bottom:1rem;font-size:1.125rem}#current-user-level-id.modal-style .current-level-box .current-level-icon[data-v-ec604c81]{z-index:2;gap:1.5rem;margin-bottom:1.75rem;flex-flow:row!important}#current-user-level-id.modal-style .current-level-box .current-level-icon .level-svg[data-v-ec604c81]{scale:1.3}#current-user-level-id.modal-style .current-level-box .progress-bar[data-v-ec604c81]{height:1.125rem;margin-bottom:1.125rem}#current-user-level-id.modal-style .current-level-box .progress-bar .progress-text[data-v-ec604c81]{left:6%}#current-user-level-id.modal-style .current-level-box .current-user-level[data-v-ec604c81]{z-index:2;font-size:2.625rem}.level-wrapper[data-v-5eceb72f]{background:#5c25b7;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;gap:32px;padding:16px;display:flex}.level-wrapper .user-level-info[data-v-5eceb72f]{background:#ac85f2;border-radius:16px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.level-wrapper .user-level-info .animated-stars-svg[data-v-5eceb72f]{z-index:1;width:409px;position:absolute;bottom:-38%}.level-wrapper .user-level-info .level-heading[data-v-5eceb72f]{color:#fff;text-align:center;font-family:Hellix;font-size:clamp(1.5rem,2.5vw,2rem);font-style:normal;font-weight:600;line-height:normal}.level-wrapper .level-up-text[data-v-5eceb72f]{color:#fff;text-align:center;font-family:Hellix;font-size:17.439px;font-style:normal;font-weight:400;line-height:normal}.level-wrapper .different-levels[data-v-5eceb72f]{flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.level-wrapper .different-levels .challenge-icon[data-v-5eceb72f]{opacity:.5;text-align:center;flex-direction:column;align-items:center;height:130px;margin:.5rem 1rem;display:flex}.level-wrapper .different-levels .challenge-icon .challenge-name[data-v-5eceb72f]{color:#fff;text-align:center;margin-top:10px;font-family:Hellix;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.level-wrapper .different-levels .challenge-icon .challenge-status[data-v-5eceb72f]{color:#fff;text-align:center;margin-top:.5rem;font-family:Hellix;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.level-wrapper .different-levels .challenge-icon .challenge-status.first-display[data-v-5eceb72f]{margin-top:.9rem;font-weight:600}.level-wrapper .different-levels .isUnlock[data-v-5eceb72f]{opacity:1}.level-wrapper.modal-style .level-wrapper .different-levels .challenge-icon .challenge-status[data-v-5eceb72f]{width:100px}#challenges-level-modal{border-radius:20px;min-width:379px;max-width:700px}#challenges-level-modal .p-dialog-header{display:none}#challenges-level-modal .dismiss-btn{border:2px solid #5c25b7;border-radius:21px;margin:.5rem auto 0;padding:0 .5rem;font-size:1rem;font-weight:600;transition:all .3s ease-in-out;display:block;position:relative}#challenges-level-modal .dismiss-btn:hover{color:#fff;background-color:#5c25b7}#challenges-level-modal .p-dialog-content{padding:1rem}.student-christmas-lottie{cursor:default;z-index:4;pointer-events:none;width:100%;display:flex;position:absolute;top:0;left:-72rem}.student-christmas-lottie>div{overflow:unset!important}.student-christmas-lottie>div>svg{cursor:default;height:900px!important;width:unset!important}.upgrade-link{color:#fff;text-align:center;cursor:pointer;background-color:#cf0000;border:none;border-radius:16px;height:28px;margin:7px 2px 4px 98px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-block}.badge.get_all_noti{color:#fff;background-color:#26b591;border:2px solid #fff;border-radius:50%;min-width:31px;height:30px;font-size:16px;font-weight:400;line-height:19px;position:absolute;top:1px;right:149px}.badge.get_all_noti_short{color:#fff;background-color:#26b591;border:1px solid #fff;border-radius:50%;min-width:31px;height:30px;font-size:16px;font-weight:400;line-height:19px;position:absolute;top:0;right:-3px}.sidebarRegular{margin-left:231px!important}.noti-sidebar{z-index:100;width:440px;height:100%;margin-left:118px;padding-right:20px;position:fixed}.renew-badge{text-align:center;color:#fff;background:red;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:233px;left:102px}.renew-badge1{text-align:center;color:#fff;background:red;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:112px;left:34px}.upgrade-badge{text-align:center;color:#fff;background:red;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:233px;left:96px}.upgrade-badge1{text-align:center;color:#fff;background:red;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:112px;left:29px}.verify-badge{text-align:center;color:#fff;background:#0068ff;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:256px;left:103px}.verify-badge1{text-align:center;color:#fff;background:#0068ff;border-radius:20px;padding:1px 5px;font-size:12px;position:absolute;top:135px;left:36px}a:hover{cursor:pointer;text-decoration:none}#sidebarDiv{background-image:linear-gradient(#5c25b7,#002d72);max-width:260px;height:100%;position:fixed}#sidebarDiv .router-link-exact-active>span,.active0>span{color:#002d72}.router-link-exact-active>.iconActive,.active0>.iconActive,.active2>.iconActive,.iconNotActive{display:inline}.router-link-exact-active>.iconNotActive,.active0>.iconNotActive,.active2>.iconNotActive,.iconActive{display:none}.active0{cursor:pointer;color:#002d72;display:inline}.active2{cursor:pointer;color:#26b591;display:inline}.linkText{vertical-align:middle;padding-left:10px}.avatar-student{border-radius:50%;overflow:hidden}.avatar-student-large{border:4px solid #fff;width:164px}.avatar-student-small{border:2px solid #fff;width:76px;height:76px}.side-bar-draw{justify-content:flex-end;margin-left:208px;display:flex}.side-bar-draw .draw-icon{cursor:pointer;width:22.51px;height:22.51px;position:relative;right:5px}.side-bar-draw-small{justify-content:flex-end;margin-left:86px;display:flex}.side-bar-draw-small .draw-icon{cursor:pointer;width:22px;position:relative;right:5px}.side-rail-icon-container.sr-container-lrg{padding:0 30.2px}.side-rail-icon-container.sr-container-sm{padding:0 8.2px}#sidebarDiv .sidebar-scroll-padding{flex-direction:column;height:100%;display:flex}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll{max-height:75vh;overflow:hidden auto}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll:hover.sidebar-scroll-track-color::-webkit-scrollbar-track{background-color:#fff6!important}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll:hover.sidebar-scroll::-webkit-scrollbar-thumb{background:#fff!important}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll::-webkit-scrollbar{width:6px}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll::-webkit-scrollbar-thumb{border-radius:10px;background:unset!important}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll-track-color::-webkit-scrollbar-track{background:unset!important}#sidebarDiv .sidebar-scroll-padding .sidebar-scroll::-webkit-scrollbar-track{border-radius:10px;margin-left:40px;margin-right:40px}#sidebarDiv .side-rail-icons-small{flex-direction:column;flex-grow:1;gap:1rem;width:98px;height:355.45px;margin-top:20px;padding:0 1rem;display:flex}#sidebarDiv .side-rail-icons-small svg{cursor:pointer}#sidebarDiv .side-rail-icons-small svg:hover path{fill:#26b59d}#sidebarDiv .side-rail-icons-small .router-link-exact-active svg{cursor:pointer}#sidebarDiv .side-rail-icons-small .router-link-exact-active svg path{fill:#26b59d}#sidebarDiv .side-rail-icons-small .noti-small{position:relative}#sidebarDiv .side-rail-icons-small .noti-small:before{content:attr(noti-count);color:#fff;z-index:1;background-color:#26b59d;border:2px solid #fff;border-radius:50%;justify-content:center;width:19px;height:19px;font-size:9.15501px;display:flex;position:absolute;top:.8em;right:.9em}#sidebarDiv .side-rail-icons{flex-direction:column;flex-grow:1;gap:.7rem;height:355.45px;margin:20px .25rem 3rem 1rem;display:flex}#sidebarDiv .side-rail-icons svg{cursor:pointer;scale:.85}#sidebarDiv .side-rail-icons svg:hover path{fill:#26b59d}#sidebarDiv .side-rail-icons .router-link-exact-active svg{cursor:pointer}#sidebarDiv .side-rail-icons .router-link-exact-active svg path{fill:#26b59d}#sidebarDiv .side-rail-icons .noti{position:relative}#sidebarDiv .side-rail-icons .noti:before{content:attr(noti-count);color:#fff;z-index:1;background-color:#26b59d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:9.15501px;display:flex;position:absolute;top:.8em;right:16.9em}.current-level-img-header{width:231px;position:absolute;bottom:10rem}.current-level-img-header.sidebar-small{left:-123px}.current-level-footer{color:#fff;background:#ac85f2;flex-direction:column;align-items:center;width:100%;padding:1rem;display:flex;position:absolute;bottom:0}.current-level-footer-minimize{border-radius:3.75rem 3.75rem 0 0;min-height:15rem}.current-level-footer-expanded{border-radius:1rem 1rem 0 0;min-height:13rem}@media (width<=991px){.hideForHeader{display:none}}#sidebarDiv.halloween-style{background-image:linear-gradient(#612da7,#fd990d)}#sidebarDiv.halloween-style .side-rail-icons svg,#sidebarDiv.halloween-style .side-rail-icons-small svg{cursor:pointer}#sidebarDiv.halloween-style .side-rail-icons svg:hover path,#sidebarDiv.halloween-style .side-rail-icons-small svg:hover path{fill:#97c03d}#sidebarDiv.halloween-style .side-rail-icons .router-link-exact-active svg,#sidebarDiv.halloween-style .side-rail-icons-small .router-link-exact-active svg{cursor:pointer}#sidebarDiv.halloween-style .side-rail-icons .router-link-exact-active svg path,#sidebarDiv.halloween-style .side-rail-icons-small .router-link-exact-active svg path{fill:#97c03d}#sidebarDiv.halloween-style .student-user-avatar-display .holiday-avatar-border{z-index:4;width:177px;height:177px;position:absolute;top:22px}#sidebarDiv.halloween-style .student-user-avatar-display .avatar-student-large{background:#26b59d;position:relative}#sidebarDiv.halloween-style .current-level-footer{background:#80c03d}#sidebarDiv.halloween-style .avatar-student-small{border:2px solid #fff;position:relative}#sidebarDiv.christmas-style{background-image:linear-gradient(#2354a0,#849cc2)}#sidebarDiv.christmas-style .side-rail-icons svg,#sidebarDiv.christmas-style .side-rail-icons-small svg{cursor:pointer}#sidebarDiv.christmas-style .side-rail-icons svg path,#sidebarDiv.christmas-style .side-rail-icons-small svg path{transition:all .3s ease-in-out}#sidebarDiv.christmas-style .side-rail-icons svg:hover path,#sidebarDiv.christmas-style .side-rail-icons-small svg:hover path{fill:#d7442e}#sidebarDiv.christmas-style .side-rail-icons .router-link-exact-active,#sidebarDiv.christmas-style .side-rail-icons-small .router-link-exact-active{background-color:#fff}#sidebarDiv.christmas-style .side-rail-icons .router-link-exact-active svg,#sidebarDiv.christmas-style .side-rail-icons-small .router-link-exact-active svg{cursor:pointer}#sidebarDiv.christmas-style .side-rail-icons .router-link-exact-active svg path,#sidebarDiv.christmas-style .side-rail-icons-small .router-link-exact-active svg path{fill:#d7442e}#sidebarDiv.christmas-style .side-rail-icons .siderail-btn,#sidebarDiv.christmas-style .side-rail-icons-small .siderail-btn{border-radius:2rem;transition:all .3s ease-in-out}#sidebarDiv.christmas-style .side-rail-icons .siderail-btn:hover,#sidebarDiv.christmas-style .side-rail-icons-small .siderail-btn:hover{background-color:#fff}#sidebarDiv.christmas-style .student-user-avatar-display .holiday-avatar-border{z-index:4;width:177px;height:177px;position:absolute;top:26px}#sidebarDiv.christmas-style .student-user-avatar-display .avatar-student-large{background:#26b59d;position:relative}#sidebarDiv.christmas-style .current-level-footer{background:#fff}#sidebarDiv.christmas-style .current-level-footer .current-level-text,#sidebarDiv.christmas-style .current-level-footer .current-user-level,#sidebarDiv.christmas-style .current-level-footer .completed-challenges-text{color:#2455a0}#sidebarDiv.christmas-style .current-level-footer .progress-bar .progress{background-color:#002d72}#sidebarDiv.christmas-style .current-level-footer .progress-bar .progress-text{color:#689ff1}#sidebarDiv.christmas-style .avatar-student-small{border:2px solid #fff;position:relative}#create-game-modal-id .create-game-modal-wrapper{flex-direction:column;display:flex}#create-game-modal-id .create-game-modal-wrapper .create-game-modal-label{text-align:left;width:100%;margin-bottom:.25rem;font-weight:700}#create-game-modal-id .create-game-modal-wrapper .create-game-modal-input{color:#000;background-color:#e5f0ff;border:1px solid #dee2e6;border-radius:.375rem;padding:.5rem;transition:border-color .3s ease-in-out}#create-game-modal-id .create-game-modal-wrapper .create-game-modal-input:focus{background:#fff;border-color:#005fe9;outline:none}#create-game-modal-id .invalid-input{border:2px solid red!important}#create-game-modal-id .invalid-text{color:red;text-align:left}#create-game-modal-id .cancel-btn{color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;margin-right:2rem;padding:.25rem;transition:all .3s ease-in-out}#create-game-modal-id .cancel-btn:hover{color:#fff;background-color:#0068ff}#create-game-modal-id .create-btn{color:#fff;background-color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;padding:.25rem;transition:all .3s ease-in-out}#create-game-modal-id .create-btn:hover{background-color:#005fe9;border:2px solid #005fe9}#submit-game-modal-id .invalid-input{border:2px solid red!important}#submit-game-modal-id .invalid-text{color:red;text-align:left;margin-left:1.5rem}#submit-game-modal-id .cancel-btn{color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;margin-right:2rem;padding:.25rem;transition:all .3s ease-in-out}#submit-game-modal-id .cancel-btn:hover{color:#fff;background-color:#0068ff}#submit-game-modal-id .submit-btn{color:#fff;background-color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;padding:.25rem;transition:all .3s ease-in-out}#submit-game-modal-id .submit-btn:hover{background-color:#005fe9;border:2px solid #005fe9}#view-submitted-modal-id .invalid-input{border:2px solid red!important}#view-submitted-modal-id .invalid-text{color:red;text-align:left;margin-left:1.5rem}#view-submitted-modal-id .cancel-btn{color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;margin-right:2rem;padding:.25rem;transition:all .3s ease-in-out}#view-submitted-modal-id .cancel-btn:hover{color:#fff;background-color:#0068ff}#view-submitted-modal-id .submit-btn{color:#fff;background-color:#0068ff;border:2px solid #0068ff;border-radius:999px;width:10rem;margin-bottom:1.5rem;padding:.25rem;transition:all .3s ease-in-out}#view-submitted-modal-id .submit-btn:hover{background-color:#005fe9;border:2px solid #005fe9}#view-submitted-modal-id .close-btn{cursor:pointer;width:24px;position:absolute;top:-13px;right:-17px}#view-submitted-modal-id .close-btn circle{transition:fill .3s;fill:#fff!important}#view-submitted-modal-id .close-btn path{transition:fill .3s;fill:#0068ff!important}#view-submitted-modal-id .close-btn:hover circle{fill:#0068ff!important}#view-submitted-modal-id .close-btn:hover path{fill:#fff!important}.p-editor-container .p-editor-toolbar.ql-snow{background-color:#002d72;border:3px solid #002d72;border-radius:1rem 1rem 0 0}.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label{color:#fff!important}.p-editor-container .p-editor-content.ql-snow{border:unset;height:200px!important}.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke{stroke:#fff!important}.p-editor-container .p-editor-content .ql-editor{color:#002d72;border:3px solid #002d72;border-radius:0 0 1rem 1rem!important}.p-editor-container .ql-snow.ql-toolbar button.ql-active,.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected{background:#fff}.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke{stroke:#002d72!important}.p-editor-container .ql-snow.ql-toolbar button.ql-active,.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected{border-radius:.5rem;font-weight:600;color:#002d72!important}#end_screen_text .p-editor-container .p-editor-toolbar.ql-snow{border-color:#fff!important}#end_screen_text .p-editor-container .p-editor-content .ql-editor{color:#002d72;border-color:#fff!important}.shiftPageSmallSiderail{margin-left:108px}.shiftPageLargeSiderail{margin-left:231px}.side-bar-main{min-height:100vh;display:flex;position:relative}@media (width<=991px){.fullWidthForHeader{margin-left:0!important}}.join-class-box[data-v-4b7745be]{margin:0 auto}.join-class-box .join_class_box_inr[data-v-4b7745be]{border:2px solid #002d72;border-radius:5px;padding:35px 65px 38px}.join-class-box .join_class_box_inr .form-control[data-v-4b7745be]{text-align:center;height:48px}.join-class-box h4[data-v-4b7745be]{margin-bottom:20px}.join-class-box .join_class_confirmation p[data-v-4b7745be]{text-align:center;font-size:20px;font-weight:300}.join-class-box .btn.btn-confirm[data-v-4b7745be]{color:#4cae4c;background:0 0;border:2px solid #4cae4c;min-width:150px;font-size:14px;font-weight:500;line-height:29px}.join-class-box .btn.btn-confirm[data-v-4b7745be]:hover{color:#fff;background:#4cae4c;border-color:#4cae4c}@media (width<=1199px){.join-class-box[data-v-4b7745be]{flex:0 0 55%;max-width:55%}}@media (width<=890px){.join-class-box[data-v-4b7745be]{flex:0 0 60%;max-width:60%}}@media (width<=814px){.join-class-box[data-v-4b7745be]{flex:0 0 65%;max-width:65%}}@media (width<=767px){.join-class-box[data-v-4b7745be]{flex:0 0 75%;max-width:75%}}@media (width<=603px){.join-class-box[data-v-4b7745be]{flex:0 0 80%;max-width:80%}.join-class-box .join_class_box_inr[data-v-4b7745be]{padding:27px 30px 30px}}@media (width<=533px){.join-class-box[data-v-4b7745be]{flex:0 0 100%;max-width:100%}}@media (width<=414px){.join-class-box[data-v-4b7745be]{padding:0}}@media (width<=375px){.join-class-box .join_class_box_inr[data-v-4b7745be]{padding:17px 20px 20px}}#lotd-img-preview .modal-wrapper .modal-container{min-width:60%;padding:10px}#lotd-img-preview .modal-wrapper .modal-container .modal-vue-body .img-preview{border-radius:17px}#lotd-img-preview .modal-wrapper .modal-container .modal-vue-body .close-btn{cursor:pointer;width:67px;position:absolute;top:-36px;right:-33px}#lotd-img-preview .modal-wrapper .modal-container .modal-vue-body .close-btn:hover>circle{fill:#0068ff}#lotd-img-preview .modal-wrapper .modal-container .modal-vue-body .close-btn:hover>path{fill:#fff}#lockOfDayCard{flex-direction:column;display:flex}#lockOfDayCard #lotd-main-display-container{padding-bottom:2rem}#lockOfDayCard #lotd-header{text-align:center;color:#5c25b7;align-items:center;margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:35px;display:flex}#lockOfDayCard #lotd-body{border-radius:19px;height:100%}#lockOfDayCard #lotd-body .streak-animation-icon{width:12.5rem;margin:1.25rem auto}#lockOfDayCard #lotd-body .streak-lockstar-txt{color:#fff;text-align:center;white-space:nowrap;margin-top:1rem;font-size:2rem;font-weight:700}#lockOfDayCard #lotd-body .streak-sub-txt{color:#fff;text-align:center;word-break:break-word;font-size:1.2rem;font-weight:600}#lockOfDayCard #lotd-body #lotd-top{background-color:#a873ff;border-top-left-radius:19px;border-top-right-radius:19px;justify-content:space-between;align-items:center;height:89px;padding:0 23px 0 15px}#lockOfDayCard #lotd-body #lotd-top .lotd-text{font-size:14px;font-weight:600}#lockOfDayCard #lotd-body #lotd-top .lotd-text .text-1{text-align:center;align-items:center;font-size:18.8139px;font-weight:700;line-height:23px;display:flex}#lockOfDayCard #lotd-body #lotd-top .lotd-text .text-2{text-align:center;align-items:center;font-size:13.8112px;font-weight:600;line-height:17px;display:flex}#lockOfDayCard #lotd-body #lotd-top .streak-days{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-42px;margin-left:-1px;font-size:16.8693px;font-weight:700;line-height:19px;display:flex;position:absolute}#lockOfDayCard #lotd-body #lotd-top .streak-days .streak-text{text-align:center;color:#fff;align-items:center;font-size:5.23591px;font-weight:700;line-height:6px;display:flex}#lockOfDayCard #lotd-body #lotd-top .streak-complete{margin-top:-54px;margin-left:10px;position:absolute}#lockOfDayCard #lotd-body #lotd-game-box{align-items:center;gap:20px;height:111.15px;margin:18.69px 37.45px 0 19.77px;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .img-container{cursor:pointer;justify-content:center;align-items:center;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .img-container .game-icon{cursor:pointer;border-radius:7px;width:176.79px;max-height:111px}#lockOfDayCard #lotd-body #lotd-game-box .img-container .preview-btn{visibility:hidden;width:101px;position:absolute}#lockOfDayCard #lotd-body #lotd-game-box .img-container:hover .preview-btn{visibility:visible}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date{gap:3px}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .lotd-day{text-align:center;align-items:center;margin:-4.76766px 0;font-size:20.2995px;font-weight:700;line-height:23px;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .no-lotd-text-1{color:#fff;max-width:186px;font-size:21.2334px;font-weight:800;line-height:30px}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .no-lotd-text-2{font-size:13.2995px;font-weight:600;line-height:13px;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .date-text{text-align:center;color:#fff;flex:none;align-items:center;width:192px;height:41px;font-family:Hellix;font-size:30.2334px;font-style:normal;font-weight:700;line-height:41px;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .play-btn{cursor:pointer;white-space:nowrap;background:#0068ff;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;width:113px;padding:.2rem .8rem;font-size:.8rem;font-weight:600;transition:all .3s ease-in-out;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .play-btn svg{width:12px}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .play-btn:hover{color:#0068ff;background:#fff}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .play-btn:hover path{fill:#0068ff}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .completed-container{align-items:center;gap:5px;display:flex}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .completed-container .complete-btn{width:95.8px}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .completed-container .play-again-btn-wrap .play-again-btn{cursor:pointer;width:80px;transition:all .3s ease-in-out}#lockOfDayCard #lotd-body #lotd-game-box .lotd-date .completed-container .play-again-btn-wrap:hover svg path{fill:#26b59d}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar{gap:8px;margin-top:14px;margin-bottom:10px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .today-select{cursor:pointer;width:60px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main{--dp-primary-color:#5c25b7;cursor:pointer;border:2px solid #fff;border-radius:99px;width:30px;height:30px;transition:all .3s ease-in-out}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__input_wrap .dp__input{background:unset;visibility:hidden}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__input_wrap .dp__input_icon{transform:unset;top:-2px;left:-7px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__input_wrap .dp__input_icon path{fill:#fff;stroke:#fff;stroke-width:1.1px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__today,#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__date_hover_end:hover,#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__date_hover_start:hover,#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__date_hover:hover{border-radius:99px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__active_date{background:#0068ff;border-radius:99px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__calendar_header_item{opacity:.5}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main .dp__calendar_header_separator{display:none}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main:hover{background:#fff}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main:hover .dp__input_wrap .dp__input{background:unset;visibility:hidden}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .dp__main:hover .dp__input_wrap .dp__input_icon path{fill:#5c25b7;stroke:#5c25b7;stroke-width:1.1px}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .p-button.p-datepicker-trigger{box-shadow:unset;border:2px solid #fff;border-radius:99px;width:2rem;height:2rem;transition:all .3s ease-in-out}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .p-datepicker-trigger:hover{color:#5c25b7;background:#fff}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .calendar-wrapper{display:inline-block;position:relative}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .calendar-wrapper .triangle{z-index:10;border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}#lockOfDayCard #lotd-body #lotd-bottom #lotd-calendar .p-datepicker{margin-top:10px}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days{flex-direction:row;justify-content:center;align-items:center;gap:15px;width:386px;height:61.47px;padding:0;display:flex}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days div>.circle-border{cursor:pointer;width:50px}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .day-container{cursor:pointer;border:3px solid #fff;border-radius:50px;width:50px;height:50px;transition:all .2s ease-out;position:relative;transform:scale(1)}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .day-container:hover{transform:scale(1.1)}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .active-day{transition:all .2s ease-out;scale:1.2;opacity:1!important;background-color:#fff!important;border:3px solid #fff!important}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .active-day .current-day{color:#5c25b7}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .no-game{opacity:.35}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .completed-game{background-color:#26b59d;border:3px solid #26b59d}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days div>.current-day{text-align:center;color:#fff;flex-direction:column;align-items:center;font-size:12.8684px;font-weight:700;line-height:15px;display:flex;position:absolute;inset:14.46% 37.48% 50.95% 37.93%}#lockOfDayCard #lotd-body #lotd-bottom .calendar-days .arrow-btn{cursor:pointer;width:15px}#lockOfDayCard #lotd-body .streak-icon{width:64px}.p-highlight{color:#fff;background-color:#5c25b7}.p-datepicker .p-datepicker-calendar th{text-align:center;width:auto}.p-datepicker .p-datepicker-calendar th:first-child:after{content:"S"}.p-datepicker .p-datepicker-calendar th:nth-child(2):after{content:"M"}.p-datepicker .p-datepicker-calendar th:nth-child(3):after{content:"T"}.p-datepicker .p-datepicker-calendar th:nth-child(4):after{content:"W"}.p-datepicker .p-datepicker-calendar th:nth-child(5):after{content:"T"}.p-datepicker .p-datepicker-calendar th:nth-child(6):after{content:"F"}.p-datepicker .p-datepicker-calendar th:nth-child(7):after{content:"S"}.p-datepicker .p-datepicker-calendar th span{display:none}.p-datepicker table td>span{width:30px;height:30px}.breakout-plus-student[data-v-90842e6e]{background:#4053ff;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.breakout-plus-student-game[data-v-90842e6e]{flex-shrink:0;width:146.5px}.breakout-plus-student-game img[data-v-90842e6e]{border-radius:8.112px;width:146.5px;height:109px}.breakout-plus-student-game-info[data-v-90842e6e]{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:16px;font-weight:700;line-height:normal;display:flex}.breakout-plus-student-game-info button[data-v-90842e6e]{justify-content:center;align-items:center;gap:6.106px;width:182px;padding:4px 16px;display:flex}.breakout-plus-student-game-info-play-game[data-v-90842e6e]{background:#ffffff40;border:0 solid #fff;border-radius:37.183px;font-size:14px;transition:background-color .3s ease-in,color .5s ease-in}.breakout-plus-student-game-info-play-game[data-v-90842e6e]:hover{color:#3546dd;background:#fff}.breakout-plus-student-game-info-view-all-games[data-v-90842e6e]{border:2px solid #fff;border-radius:37.183px;font-size:12px;transition:background-color .3s ease-in,color .5s ease-in}.breakout-plus-student-game-info-view-all-games[data-v-90842e6e]:hover{color:#3546dd;background:#fff}.breakout-plus-text[data-v-90842e6e]{color:#fff;text-align:center;background:#4053ff;border-radius:8px;flex-direction:column;padding:16px;font-family:Hellix;font-style:normal;line-height:normal;display:flex}.breakout-plus-text-heading-1[data-v-90842e6e]{white-space:nowrap;text-align:center;flex-wrap:nowrap;justify-content:center;gap:.5rem;width:100%;font-size:18px;font-weight:600;display:flex}.breakout-plus-text-heading-2[data-v-90842e6e]{font-size:16px;font-weight:400}.loader-container[data-v-90842e6e]{justify-content:center;align-items:center;height:10vh;display:flex}.loader[data-v-90842e6e]{border:4px solid #3498db;border-top-color:#0000;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin-90842e6e}@keyframes spin-90842e6e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#chest-reward-id[data-v-5ab901d8]{background:var(--background-gradient,linear-gradient(181deg, #0068ff -163.72%, #26b59d 223.51%));color:#fff;border-radius:16px;flex-flow:column;flex-shrink:0;height:16rem;padding:10px;display:flex}#chest-reward-id .text-header-1[data-v-5ab901d8]{text-align:center;margin-top:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}#chest-reward-id .modal-header-1[data-v-5ab901d8]{text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}#chest-reward-id .text-header-2[data-v-5ab901d8]{text-align:center;font-size:.825rem;font-weight:500}#chest-reward-id .lock-and-key-container[data-v-5ab901d8]{flex-flow:wrap;justify-content:center;gap:15px;display:flex;position:relative}#chest-reward-id .lock-and-key-container .lockbox-wrap[data-v-5ab901d8]{transition:transform 1s ease-in-out .5s,width 1s ease-in-out,height 1s ease-in-out;display:flex;position:relative;top:-2.5rem;right:-4.8rem}#chest-reward-id .lock-and-key-container .lockbox-wrap .lockbox[data-v-5ab901d8]{z-index:11;width:60%}#chest-reward-id .lock-and-key-container .lockbox-wrap .reward-key[data-v-5ab901d8]{z-index:10;width:5.625rem;transition:all .2s ease-out;position:relative;top:4rem;right:2rem;transform:scale(1)}#chest-reward-id .lock-and-key-container .lockbox-wrap .reward-key[data-v-5ab901d8]:hover{transform:scale(1.2)}#chest-reward-id .lock-and-key-container .lockbox-wrap .stars-overlay[data-v-5ab901d8]{z-index:9;width:200px;position:absolute;top:35px;right:22px}#chest-reward-id .lock-and-key-container .lockbox-wrap.key-drop-animate[data-v-5ab901d8]{width:215px;transform:translateY(-30px)}#chest-reward-id .lock-and-key-container .lockbox-wrap.key-drop-animate~.key[data-v-5ab901d8]{display:none}#chest-reward-id .lock-and-key-container .reward-key-container .reward-key[data-v-5ab901d8]{width:80px;position:absolute;top:1rem;right:1rem}#chest-reward-id .lock-and-key-container .reward-key-container.hide[data-v-5ab901d8]{cursor:none}#chest-reward-id .lock-and-key-container.hidden-key .lockbox-wrap[data-v-5ab901d8]{top:-3rem;right:-2.2rem}#chest-reward-id .lock-and-key-container.hidden-key .lockbox[data-v-5ab901d8]{width:80%}#chest-reward-id .chest-opening[data-v-5ab901d8]{flex-flow:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;top:-1.9rem}#chest-reward-id .chest-opening svg[data-v-5ab901d8]{width:250px;transition:transform 1s ease-in-out .5s,width 1s ease-in-out;position:relative;top:3rem}#chest-reward-id .chest-opening svg.first-shift[data-v-5ab901d8]{transform:translateY(-28px)}#chest-reward-id .chest-opening svg.key-drop-animate[data-v-5ab901d8]{width:220px;transform:translateY(-45px)}#chest-reward-id .chest-opening .chest-opening-footer[data-v-5ab901d8]{text-align:center;position:relative;top:-1.8rem}#chest-reward-id .chest-opening .chest-opening-footer .delay-3[data-v-5ab901d8]{animation-delay:1.2s}#chest-reward-id .chest-opening .chest-opening-footer .delay-4[data-v-5ab901d8]{animation-delay:1.7s}#chest-reward-id .chest-opening .chest-opening-footer p[data-v-5ab901d8]{margin-bottom:.3rem;font-size:1.2rem;font-weight:600}#chest-reward-id .chest-opening .chest-opening-footer .rewards-btn[data-v-5ab901d8]{border:2px solid #fff;border-radius:2rem;padding:0 10px;font-size:.7rem;font-weight:600;transition:background-color .3s ease-in,color .5s ease-in}#chest-reward-id .chest-opening .chest-opening-footer .rewards-btn[data-v-5ab901d8]:hover{color:#128cd3;background-color:#fff}#chest-reward-id .challenge-cards-header[data-v-5ab901d8]{margin-bottom:1rem;font-size:1rem;font-weight:700}#chest-reward-id .challenge-cards[data-v-5ab901d8]{flex-flow:column;padding-bottom:1rem;display:flex;overflow:scroll hidden}.hasKey[data-v-5ab901d8]{cursor:url(/front/images/student-home/rewards/keyThree.svg) 16 16,auto}.hasKey svg[data-v-5ab901d8]{cursor:url(/front/images/student-home/rewards/keyThree.svg) 32 32,auto!important}#chest-reward-id.is-modal[data-v-5ab901d8]{height:17rem;padding:16px px 10px 10px;background:#5c25b7}#chest-reward-id.is-modal .chest-opening .chest-opening-footer p[data-v-5ab901d8]{margin-bottom:.5rem;font-size:1.5rem}#chest-reward-id.is-modal .chest-opening .chest-opening-footer .rewards-btn[data-v-5ab901d8]{font-size:1rem}#chest-reward-id.is-modal .rewards-btn[data-v-5ab901d8]:hover{color:#5c25b7;background-color:#fff}#chest-reward-id.in-progress-cards[data-v-5ab901d8]{height:unset;padding:1rem}.card-skeleton[data-v-5ab901d8]{background:#ffffff59;border-radius:9.806px;width:168px;height:150px;margin:.5rem;position:relative;overflow:hidden;box-shadow:0 0 10px #0000001a}.card-skeleton[data-v-5ab901d8]:first-child{margin-left:16px}.card-skeleton[data-v-5ab901d8]:last-child{margin-right:16px}.pulsate[data-v-5ab901d8]{animation:1.5s ease-in-out infinite pulsate-5ab901d8}@keyframes pulsate-5ab901d8{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@media (width<=1470px) and (width>=1400px){#chest-reward-id:not(.is-modal) .lock-and-key-container .lockbox-wrap[data-v-5ab901d8]{top:-3rem;right:-1.8rem}#chest-reward-id:not(.is-modal) .lock-and-key-container .lockbox-wrap .lockbox[data-v-5ab901d8]{width:70%}#chest-reward-id:not(.is-modal) .lock-and-key-container .lockbox-wrap .reward-key[data-v-5ab901d8]{top:3rem}#chest-reward-id:not(.is-modal) .lock-and-key-container .lockbox-wrap .stars-overlay[data-v-5ab901d8]{top:13px;right:-33px}}.rewards-container[data-v-4910338c]{background:#fff;border-radius:17px;flex-flow:column;flex:2;width:100%;margin-bottom:20px;margin-right:10px;padding:16px;display:flex;box-shadow:0 4px 10px #b1b1b140}.rewards-container .header-wrap[data-v-4910338c]{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.rewards-container .header-wrap .view-all-btn[data-v-4910338c]{color:#128cd3;border:2.7px solid #128cd3;border-radius:46.329px;justify-content:center;align-items:center;min-width:99.676px;height:30px;padding:4.984px 19.935px;font-size:12px;font-style:normal;font-weight:700;transition:background-color .3s ease-in,color .5s ease-in;display:flex}.rewards-container .header-wrap .view-all-btn[data-v-4910338c]:hover{color:#fff;background-color:#128cd3}.rewards-container .rewards-text[data-v-4910338c]{background:var(--Background-Gradient,linear-gradient(180deg, #0068ff -24.54%, #26b59d 146.54%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}#reward-modal .modal-container{width:454px;padding:1rem}#reward-modal .modal-container .modal-vue-footer{color:#5c25b7;text-align:center;margin-top:.625rem;font-size:1rem;font-weight:600}#reward-modal .modal-container .modal-vue-footer .dismiss-btn{border:2px solid;border-radius:1rem;padding:0 .5rem;line-height:1.3rem;transition:all .3s ease-in-out;position:relative}#reward-modal .modal-container .modal-vue-footer .dismiss-btn:hover{color:#fff;background:#5c25b7;border:2px solid #5c25b7}.holiday-lottie{width:100%;display:flex;position:absolute;top:-2rem;left:0}.holiday-lottie>div{height:auto!important}.my-class-card[data-v-86681002]{height:315px;margin-top:-60px}.my-class-header[data-v-86681002]{justify-content:space-between;align-items:center;display:flex}.gamedesignstudiocard[data-v-86681002]{min-width:466px;max-width:467px;margin-top:28px;margin-left:5%}.card-scroll[data-v-86681002]{max-height:800px;display:flex;overflow:scroll hidden}.card-width[data-v-86681002]{width:90%}.card-font[data-v-86681002]{font-size:9px}.card-button-border[data-v-86681002]{border:1.5px solid #26b59d}.card-scroll .item[data-v-86681002]{width:170px;min-width:160px;min-height:165px;margin-right:10px;line-height:1.1}.class-title-header[data-v-86681002]{min-height:50px;margin:9px 9px 0}.card-scroll[data-v-86681002]::-webkit-scrollbar{width:10px}.card-scroll[data-v-86681002]::-webkit-scrollbar-thumb{border-radius:10px;background:#fff!important}.scroll-track-color[data-v-86681002]::-webkit-scrollbar-track{background-color:#fff6!important}.card-scroll[data-v-86681002]::-webkit-scrollbar-track{border-radius:10px;margin-left:40px;margin-right:40px}.shadowSurround[data-v-86681002]{box-shadow:0 4px 7px 2px #4949491a}.view-games-text[data-v-86681002]{margin-left:34px}.no-assignment-card[data-v-86681002]{text-align:center;background-color:#ffffff4d;flex-direction:column;justify-content:center;margin-bottom:.75rem;display:flex}.student-home-container[data-v-86681002]{grid-template-columns:60% auto;margin-right:1rem;display:grid}.student-home-container .default-img[data-v-86681002]{border-radius:.5rem;width:100%;height:100%;position:relative;overflow:hidden}.student-home-container .default-img .ap-modal-icon[data-v-86681002]{width:40px;position:absolute;top:calc(50% - 31px);left:calc(50% - 16px)}.student-home-container .default-img .ap-modal-icon path[data-v-86681002]{fill:#fff}.student-home-container .default-img[data-v-86681002]:after{content:"";background-image:url(/front/images/game-details/bookmarked_icon_two.svg);background-size:contain;width:150%;height:150%;position:absolute;top:-13px;left:-18px;scale:.75}.student-home-container .bg-item-white[data-v-86681002]{background:#fff;border-radius:17px;margin-bottom:20px;padding:16px;box-shadow:0 4px 10px #b1b1b140}.student-home-container .left-column[data-v-86681002]{background-color:#f1f1f1;flex-direction:column;flex:1;padding:1rem;display:flex}.student-home-container .left-column .welcome-banner[data-v-86681002]{text-transform:capitalize;color:#fff;text-align:center;background-image:url(/front/images/my-account/Header_BG_Teacher-2.svg);background-size:cover;border-radius:14px;padding:16px;font-size:29.07px;font-weight:700;position:relative}.student-home-container .left-column .welcome-banner .brain[data-v-86681002]{width:106px;height:94px;position:absolute;top:-13px;right:3px}.student-home-container .left-column .welcome-banner .brain.halloween-style[data-v-86681002]{width:115px;top:-20px;right:12px}.student-home-container .left-column .welcome-banner.halloween-style[data-v-86681002],.student-home-container .left-column .welcome-banner.christmas-style[data-v-86681002]{text-align:left;text-transform:unset}.student-home-container .left-column .welcome-banner.halloween-style[data-v-86681002]{background-image:url(/front/images/my-account/Header_BG_Teacher-3.svg)}.student-home-container .left-column .welcome-banner.christmas-style[data-v-86681002]{background-image:url(/front/images/my-account/Header_BG_Teacher-4.svg)}.student-home-container .left-column .todo-header[data-v-86681002]{color:#26b59d;font-size:32px;font-weight:800}.student-home-container .left-column .todo-list[data-v-86681002]{background:#26b59d;border-radius:16px;min-height:303px}.student-home-container .left-column .todo-list .todo-list-item[data-v-86681002]{background:#26b59d;border-radius:1rem;justify-content:space-between;padding:1rem 1rem 1rem .5rem;display:flex;position:relative}.student-home-container .left-column .todo-list .todo-list-item .todo-list-left[data-v-86681002]{align-items:center;gap:20px;display:flex}.student-home-container .left-column .todo-list .todo-list-item .game-img-thumbnail[data-v-86681002]{border-radius:5.489px;width:121.064px;height:72px}.student-home-container .left-column .todo-list .todo-list-item .game-img-thumbnail #playlist-img-grd-disp-wrap-id.grid-box[data-v-86681002]{background:#fff}.student-home-container .left-column .todo-list .todo-list-item .thumbnail-container[data-v-86681002]{filter:drop-shadow(2px 4px 10px #0000001f);display:inline-block;position:relative}.student-home-container .left-column .todo-list .todo-list-item .pill-badge[data-v-86681002]{text-align:center;color:#fff;letter-spacing:.0375em;z-index:1;filter:drop-shadow(2px 4px 10px #00000038);background:#c914a7;border-radius:25px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-15px}.student-home-container .left-column .todo-list .todo-list-item .teacher-avatar[data-v-86681002]{background:#002e70;border:2px solid #fff;position:absolute;bottom:4px;left:4px}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{justify-content:center;align-items:center;gap:1rem;margin-left:1rem;display:flex}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002]{flex-wrap:unset;width:7rem}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .game-class-title .game-class[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .game-class-title .date[data-v-86681002]{color:#fff;flex-flow:column wrap;justify-content:flex-start;align-items:flex-start;gap:6px;display:flex}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002]{font-size:20px;font-weight:400}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .game-class[data-v-86681002]{font-size:14px;font-weight:700}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .date[data-v-86681002]{font-weight:600;font-size:12px!important}.student-home-container .left-column .todo-list .todo-list-item .button-container[data-v-86681002]{justify-content:center;align-items:center;gap:5px;display:flex}.student-home-container .left-column .todo-list .todo-list-item .white-line[data-v-86681002]{background-color:#fff;width:100%;height:1px;position:absolute;bottom:0;right:0}.student-home-container .left-column .todo-list .todo-list-item .white-line[data-v-86681002]:after{content:"";background-color:#fff;width:100%;height:1px;position:absolute;bottom:0;left:0}.student-home-container .left-column .todo-list .todo-list-item .play-button[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .view-button[data-v-86681002]{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:2px solid #fff;border-radius:37.183px;justify-content:center;align-items:center;gap:6.106px;min-width:80px;padding:4px 16px;font-size:18px;font-weight:700;transition:all .3s ease-in-out;display:flex}.student-home-container .left-column .todo-list .todo-list-item .play-button[data-v-86681002]:hover,.student-home-container .left-column .todo-list .todo-list-item .view-button[data-v-86681002]:hover{color:#26b59d;background:#fff}.student-home-container .left-column .todo-list .empty-list[data-v-86681002]{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:4rem;display:flex}.student-home-container .left-column .todo-list .empty-list .todo-icon[data-v-86681002]{width:84px;height:75px}.student-home-container .left-column .todo-list .empty-list .no-assignment-text[data-v-86681002]{font-size:1.5rem;font-weight:600}.student-home-container .left-column .todo-list .empty-list .text-2[data-v-86681002]{font-size:18px;font-weight:400}.student-home-container .left-column .info-row[data-v-86681002]{display:flex}.student-home-container .left-column .info-row .rewards-container[data-v-86681002]{background:#fff;border-radius:17px;min-width:460px;margin-bottom:20px;margin-right:10px;padding:16px;box-shadow:0 4px 10px #b1b1b140}.student-home-container .left-column .info-row .rewards-text[data-v-86681002]{background:var(--background-gradient,linear-gradient(180deg, #0068ff 5.41%, #26b59d 100%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:4px;font-size:1.5rem;font-weight:700}.student-home-container .left-column .info-row .bg-item-white[data-v-86681002]:last-child{height:fit-content;margin-right:0}.student-home-container .left-column .info-row .info-item-1[data-v-86681002]{background:var(--background-gradient,linear-gradient(180deg, #0068ff 5.41%, #26b59d 100%));color:#fff;border-radius:16px;flex-shrink:0;min-width:170px;max-height:370px;padding:10px}.student-home-container .left-column .info-row .info-item-1 .rewards-box[data-v-86681002]{width:100%}.student-home-container .left-column .info-row .join-class-text[data-v-86681002]{color:#003c95;padding-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.student-home-container .left-column .info-row .place-holder[data-v-86681002]{background:#003c95;border-radius:16px;min-height:114px;padding:10px}.student-home-container .left-column .info-row .input-container[data-v-86681002]{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.student-home-container .left-column .info-row .input-container .regular-heading[data-v-86681002]{display:block}.student-home-container .left-column .info-row .input-container .responsive-heading[data-v-86681002]{display:none}.student-home-container .left-column .info-row .input-wrapper[data-v-86681002]{width:100%;position:relative}.student-home-container .left-column .info-row .input-success[data-v-86681002]{border:2px solid #26b59d}.student-home-container .left-column .info-row .input-error[data-v-86681002]{border:2px solid #c1272d}.student-home-container .left-column .info-row .spinner[data-v-86681002]{color:#0068ff;position:absolute;top:.75rem;right:10px;transform:translateY(-50%)}.student-home-container .left-column .info-row .join-success[data-v-86681002]{color:#0068ff;flex-shrink:0;width:14.484px;height:14.484px;position:absolute;top:13px;right:10px;transform:translateY(-50%)}.student-home-container .left-column .info-row .custom-input[data-v-86681002]{background:#bababa40;border-radius:34.499px;outline:none;width:100%;padding:4px 12px;font-size:22px;font-weight:600}.student-home-container .left-column .info-row .custom-input[data-v-86681002]::placeholder{font-size:1.25rem}.student-home-container .left-column .info-row .join-button[data-v-86681002]{color:#fff;cursor:pointer;white-space:nowrap;background:#0068ff;border:none;border-radius:54.917px;padding:4px 12px;font-size:1rem;font-weight:700;transition:background-color .3s ease-in,color .5s ease-in}.student-home-container .left-column .info-row .join-button[data-v-86681002]:hover{background-color:#478de0}.student-home-container .left-column .info-row .join-button[data-v-86681002]:active{background-color:#3b73af}.student-home-container .left-column .info-row .join-button[data-v-86681002]:disabled{cursor:not-allowed;background-color:#69a6ff}.student-home-container .left-column .info-row .join-class-response[data-v-86681002]{text-align:center;margin-top:10px;font-size:.75rem;font-weight:700}.student-home-container .right-column[data-v-86681002]{flex-direction:column;max-width:580px;padding:1rem 0;display:flex}.student-home-container .right-column .breakout-plus-text[data-v-86681002]{color:#4053ff;align-items:center;padding-bottom:4px;font-size:1.5rem;font-weight:700;display:flex}.student-home-container .right-column .icon[data-v-86681002]{padding:0 6px 5px}.student-home-container .right-column .breakout-plus-icon[data-v-86681002]{width:21.328px;height:21.328px}.student-home-container .right-column .breakout-plus-comming-soon[data-v-86681002]{border-radius:8px;width:100%;height:fit-content}.student-home-container .right-column .game-design-text[data-v-86681002]{color:#c914a7;padding-bottom:4px;font-size:1.5rem;font-weight:700}.student-home-container .right-column .right-info-row[data-v-86681002]{background:#cd22ac;border-radius:16px;justify-content:center;gap:1rem;padding:16px;display:flex}.student-home-container .right-column .right-info-row a[data-v-86681002]{width:50%}.student-home-container .right-column .right-info-row a.single-btn-expand[data-v-86681002]{width:100%}.student-home-container .right-column .right-info-row .disabled-design-studio-txt[data-v-86681002]{color:#fff;margin:0;font-size:1rem;font-weight:500}.student-home-container .mg-img-wrap[data-v-86681002]{min-width:83px;position:relative}.student-home-container .mg-img-wrap .mg-card-img[data-v-86681002]{border-radius:.5rem;width:83px;height:58px}.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap[data-v-86681002]{color:#fff;width:100%;height:100%;padding:2px;display:flex;position:absolute;top:0}.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-play-overlay-btn[data-v-86681002],.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-edit-overlay-btn[data-v-86681002]{opacity:.35;background:#ffffff3d;border-radius:4px;flex-direction:column;flex:1;justify-content:space-around;align-items:center;gap:4px;margin:3px;padding:4px;transition:transform .3s ease-in-out;display:flex;transform:scale(1)}.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-play-overlay-btn .mg-play-overlay-icon[data-v-86681002],.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-edit-overlay-btn .mg-play-overlay-icon[data-v-86681002]{width:24px}.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-play-overlay-btn p[data-v-86681002],.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-edit-overlay-btn p[data-v-86681002]{font-size:11px;font-weight:700}.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-play-overlay-btn[data-v-86681002]:hover,.student-home-container .mg-img-wrap .mg-play-edit-overlay-wrap .mg-edit-overlay-btn[data-v-86681002]:hover{color:#fff;opacity:1;background:#fff6;transform:scale(1.05)}.student-home-container .mg-img-wrap .mg-play-icon[data-v-86681002]{opacity:.35;width:100%;transition:opacity .3s ease-in-out;position:absolute;top:8px;box-shadow:0 4px 10px #b1b1b140}.student-home-container .mg-img-wrap:hover .mg-play-icon[data-v-86681002]{opacity:1;visibility:visible}@media (width>=1800px){.student-home-container[data-v-86681002]{grid-template-columns:70% auto}}@media (width<=1280px){.student-home-container[data-v-86681002]{grid-template-columns:52% auto}}@media (width<=1200px){.student-home-container[data-v-86681002]{grid-template-columns:45% auto}}@media (width<=1470px){.student-home-container .left-column .todo-list .todo-list-item .button-container[data-v-86681002]{align-items:unset;flex-flow:column}.student-home-container .left-column .info-row .rewards-container[data-v-86681002]{min-width:355px}}@media (width<=1400px){.student-home-container .left-column .info-row[data-v-86681002]{flex-direction:column}.student-home-container .left-column .info-row .input-container[data-v-86681002]{text-align:center;white-space:nowrap;flex-direction:column;padding:0 1rem}.student-home-container .left-column .info-row .join-button[data-v-86681002]{width:100%}}@media (width<=1325px){.student-home-container .left-column .todo-list .todo-list-item .button-container[data-v-86681002]{align-items:unset;flex-direction:column}}@media (width<=1225px){.student-home-container .left-column .info-row .rewards-container[data-v-86681002]{min-width:unset}.student-home-container .left-column .info-row[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{flex-direction:column}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{align-items:unset}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002]{white-space:nowrap;text-align:center;width:100%}.student-home-container .left-column .todo-list .todo-list-item[data-v-86681002]{flex-flow:column;padding:1rem}.student-home-container .left-column .todo-list .todo-list-item .todo-list-left[data-v-86681002]{flex-direction:column;gap:.2rem}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{margin-left:unset;align-items:center;gap:unset;text-align:center;justify-content:center;display:flex}.student-home-container .left-column .todo-list .todo-list-item .game-class-title>.game-class[data-v-86681002]{gap:unset;flex-direction:column}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .date[data-v-86681002]{margin-bottom:1rem}.student-home-container .left-column .todo-list .todo-list-item .game-img-thumbnail[data-v-86681002]{width:164.064px!important;height:98px!important}}@media (width<=1115px){.join-class-content-container[data-v-86681002]{display:unset}.student-home-container .left-column .info-row .input-container[data-v-86681002]{flex-direction:row;width:100%;padding:0 1rem}.student-home-container .left-column .info-row .regular-heading[data-v-86681002]{display:block}.student-home-container .left-column .info-row .input-container .responsive-heading[data-v-86681002]{display:none}.student-home-container .left-column .info-row .join-button[data-v-86681002]{width:150px}}@media (width<=815px){.student-home[data-v-86681002]{grid-template-columns:unset;flex-direction:column}.student-home-container[data-v-86681002]{flex-direction:column;display:flex}.student-home-container .left-column .todo-list .todo-list-item .todo-list-left[data-v-86681002]{width:75%}.student-home-container .left-column .todo-list .todo-list-item .todo-list-left[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{flex-direction:unset;gap:unset}.student-home-container .left-column .info-row .regular-heading[data-v-86681002]{display:none}.student-home-container .left-column .info-row .input-container[data-v-86681002]{flex-direction:column;width:100%}.student-home-container .left-column .info-row .input-container .responsive-heading[data-v-86681002]{display:block}.student-home-container .left-column .info-row .join-button[data-v-86681002]{width:100%}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002]{text-align:unset;white-space:unset}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{text-align:unset;gap:1rem;width:100%;margin-left:1rem}.student-home-container .right-column[data-v-86681002]{margin-right:unset;padding:0 1rem}.student-home-container .right-column .breakout-plus-comming-soon[data-v-86681002]{width:100%}.info-row[data-v-86681002]{flex-direction:column}.join-class-content-container[data-v-86681002]{display:flex}.student-home-container .left-column .todo-list .todo-list-item[data-v-86681002]{flex-flow:row;padding:1rem 1rem 1rem .5rem}.student-home-container .left-column .todo-list .todo-list-item .game-class-title>.game-class[data-v-86681002]{flex-direction:row;gap:6px}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .date[data-v-86681002]{margin-bottom:unset}.student-home-container .left-column .todo-list .todo-list-item .game-img-thumbnail[data-v-86681002]{width:121.064px;height:69px}}@media (width<=1380px){.brain[data-v-86681002]{display:none}}@media (width<=580px){.student-home-container .left-column .info-row .rewards-container[data-v-86681002]{min-width:unset}.student-home-container .left-column .info-row[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{flex-direction:column}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{align-items:unset}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .title[data-v-86681002]{text-align:center;word-wrap:break-word;white-space:unset;justify-content:center;align-items:center;width:100%;display:flex}.student-home-container .left-column .todo-list .todo-list-item[data-v-86681002]{padding:1rem;flex-flow:column!important}.student-home-container .left-column .todo-list .todo-list-item .todo-list-left[data-v-86681002]{flex-direction:column;gap:.2rem;width:100%}.student-home-container .left-column .todo-list .todo-list-item .game-class-title[data-v-86681002]{margin-left:unset;align-items:center;gap:unset;text-align:center;justify-content:center;display:flex}.student-home-container .left-column .todo-list .todo-list-item .game-class-title>.game-class[data-v-86681002]{gap:unset;flex-direction:column}.student-home-container .left-column .todo-list .todo-list-item .game-class-title .date[data-v-86681002]{margin-bottom:1rem}.student-home-container .left-column .todo-list .todo-list-item .game-img-thumbnail[data-v-86681002]{width:200px!important;height:123px!important}.student-home-container .left-column .todo-list .todo-list-item .button-container[data-v-86681002]{justify-content:center;align-items:center;width:100%;display:flex}.student-home-container .left-column .todo-list .todo-list-item .button-container .play-button[data-v-86681002],.student-home-container .left-column .todo-list .todo-list-item .button-container .view-button[data-v-86681002]{min-width:140px;max-width:245px}}.teacher-initials[data-v-86681002]{position:absolute;bottom:7px;left:7px}.card-button-border[data-v-19e31643]{border:1.5px solid #26b59d}.join-class[data-v-19e31643]{text-align:center;cursor:pointer;background-color:#e8ecf1;border-radius:2rem;flex-direction:column;justify-content:center;align-items:center;width:220px;min-height:236px;max-height:236px;transition:all .2s ease-out;display:flex}.join-class[data-v-19e31643]:hover{background-color:#e8ecf180;box-shadow:0 2rem 3rem #848bc82e}.join-class .join-btn[data-v-19e31643]{color:#d3d3d3;text-align:center;border:4px solid #d3d3d3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2.2rem;display:flex}.details-view[data-v-19e31643]{margin-top:10rem}.btn[data-v-19e31643]:focus{box-shadow:none;outline:none}.shadowSurround[data-v-19e31643]{box-shadow:0 4px 7px 2px #4949491a}@media (width<=1520px){.student-classes[data-v-19e31643]{width:70%!important}}@media (width<=1473px){.student-classes[data-v-19e31643]{width:73%!important}}@media (width<=1425px){.student-classes[data-v-19e31643]{width:88%!important}}@media (width<=1224px){.student-classes[data-v-19e31643]{width:92%!important}}@media (width<=1180px){.student-classes[data-v-19e31643]{justify-content:center!important}}@media (width<=1100px){.student-classes[data-v-19e31643]{justify-content:center!important}}.student-classes[data-v-19e31643]{flex-wrap:wrap;justify-content:flex-start;gap:1rem;width:86%;margin:0 auto 50vh;padding:5.2rem;display:flex}.student-classes .student-class[data-v-19e31643]{background:#fff;border-radius:2rem;max-width:220px;max-height:236px;padding:.8rem}.student-classes .student-class .card-top[data-v-19e31643]{color:#fff;text-align:center;background:#6f46b1;border-radius:1rem;justify-content:center;align-items:center;height:36%;padding:12px;line-height:27px;display:flex;overflow:hidden}.student-classes .student-class .card-top p[data-v-19e31643]{word-break:break-word}.student-classes .student-class .card-middle[data-v-19e31643]{justify-content:space-evenly;display:flex}.student-classes .student-class .card-middle .bar[data-v-19e31643]{justify-content:space-between;align-items:center;width:100%;display:flex}.student-classes .student-class .card-middle .bar .count-number[data-v-19e31643]{font-size:1.8rem;font-weight:900;line-height:normal}.student-classes .student-class .card-middle .bar .color[data-v-19e31643]{color:#c914a7}.student-classes .student-class .card-middle .bar .color-2[data-v-19e31643]{color:#5c25b7}.student-classes .student-class .card-middle .bar .color-3[data-v-19e31643]{color:#26b59d}.student-classes .student-class .card-middle .bar .btn[data-v-19e31643]{cursor:pointer;color:#120c35;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:6rem;padding:18px 0;display:flex}.student-classes .student-class .card-middle .btn .count[data-v-19e31643]{font-size:.75rem}.student-classes .student-class .card-bottom[data-v-19e31643]{justify-content:center;display:flex}.code-text[data-v-19e31643]{background-color:#8160b7;font-size:11px}.student-page[data-v-9a4ff2f6]{width:100%}#empty-class-library-view-id{color:#fff;text-align:center;justify-content:center;align-items:center;line-height:normal;display:flex}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper{flex-direction:column;align-items:center;gap:1.5rem;display:flex}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-icon{width:230px}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container{flex-direction:column;align-items:center;gap:1rem;display:flex}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-text-1{font-size:2rem;font-weight:700}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-text-2{font-size:24px;font-weight:500}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-assignments-btn{color:#fff;background-color:#0000;border:2px solid #fff;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;width:340px;padding:.5rem;font-size:24px;font-weight:700;transition:all .3s ease-in-out;display:flex}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-assignments-btn svg{width:20px;height:20px}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-assignments-btn:hover{color:#c914a7;background-color:#fff}#empty-class-library-view-id .eclv-empty-assignments-main-wrapper .eclv-empty-assignments-content-container .eclv-assignments-btn:hover svg path{fill:#c914a7}.student-class-listing{width:100%;margin:0;display:flex}.student-class-listing .student-class-listing-ul{width:100%;margin:0;padding-left:0;list-style:none;display:block}.student-class-listing .student-class-listing-ul .student-class-listing-li{width:100%;margin:0 0 20px}.student-add-class{width:100%;margin:0;display:flex}.student-add-class .add-class-container{background-image:linear-gradient(to bottom right,#002d72,#002d72);border-radius:33px;width:100%;height:72px;margin:0}.student-add-class .add-class-container span{color:#fff;padding:10px 32px;font-size:28px;font-weight:440;line-height:52px;display:inline-block}.lock-of-day-banner{width:100%;margin:33px 0;display:flex;position:relative}.lock-of-day-banner img{border-radius:33px;display:block}.lock-of-day-banner .lock_date{pointer-events:none;width:100%;height:100%;font-size:xx-large;display:flex;position:absolute;top:65%;left:47%}.lock-of-day-banner .color_overlay{opacity:.6;pointer-events:none;z-index:6;background:#000;border-radius:33px 0 0 33px;width:21.9%;height:100%;display:flex;position:absolute}.lock-of-day-banner .play_now{pointer-events:none;z-index:7;width:21.9%;height:100%;padding:20px;display:flex;position:absolute}.lock-of-day-banner .lock_image{pointer-events:none;border-radius:33px 0 0 33px;width:21.9%;height:100%;display:flex;position:absolute}.scroll-bar-holder{background-color:#002d72;border-radius:20px;height:100%;padding:1rem}.card-scroll::-webkit-scrollbar{width:10px;left:-100px}.card-scroll::-webkit-scrollbar-track{border-radius:10px;margin-left:40px;margin-right:40px}.folder{background-color:#fff;border-radius:0 40px 40px;width:90%;height:67vh;margin-top:5rem;padding:1rem;position:relative;box-shadow:0 2rem 3rem #848bc82e}.folder .active-assign{color:#fff;background-color:#5c25b7}.folder .active-library{color:#fff;background-color:#002d72}.folder .text-sm{font-size:.9rem}.folder:before{content:"";background-color:#fff;border-radius:27px 20px 0 0/35px 20px 0 0;width:28rem;height:66px;position:absolute;top:-52px;left:0}.folder-buttons{justify-content:space-between;width:100%;max-width:416px;margin:0 auto;display:flex;position:absolute;top:-38px}.folder-buttons-tab{color:#fff;text-align:center;background-color:#0000;border-radius:35px;justify-content:center;align-items:center;padding:4px 16px;font-family:Hellix;font-size:14px;font-style:normal;font-weight:700;line-height:normal;transition:background-color .3s,color .3s,border .3s;display:inline-flex}.folder-buttons-classmates{color:#26b59d;border:2px solid #26b59d}.folder-buttons-classmates:hover,.folder-buttons-classmates.active{color:#fff;background-color:#26b59d}.folder-buttons-assignments{color:#5c25b7;border:2px solid #5c25b7}.folder-buttons-assignments:hover,.folder-buttons-assignments.active{color:#fff;background-color:#5c25b7}.folder-buttons-class-library{color:#002d72;border:2px solid #002d72}.folder-buttons-class-library:hover,.folder-buttons-class-library.active{color:#fff;background-color:#002d72}.folder .assign-background{background-color:#5c25b7}.folder .library-background{background-color:#002d72}.folder .classmates-background{background:#26b59d}.folder-inner{border-radius:13px;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:100%;height:100%;padding:16px;display:flex;overflow-y:auto}.folder-inner .div-playlist-title{flex-direction:column;width:100%;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top{flex-direction:row;justify-content:center;align-items:center;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-left{justify-content:center;align-items:center;width:120px;height:100px;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-left .class-assign-back-btn{color:#fff;cursor:pointer;border:2px solid #fff;border-radius:2rem;align-items:center;gap:4px;padding:6px 14px;font-size:16px;font-weight:600;transition:all .3s ease-in-out;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-left .class-assign-back-btn svg path{fill:#fff}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-left .class-assign-back-btn:hover{color:#5c25b7;background-color:#fff}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-left .class-assign-back-btn:hover svg path{fill:#5c25b7;stroke:#5c25b7}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-center{flex-direction:column;flex:1;padding:16px;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-center .div-playlist-title-center-top{flex-direction:row;justify-content:center;align-items:center;padding:4px;display:flex}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-center .div-playlist-title-center-top h2{color:#fff;text-align:center;font-size:39px;font-style:normal;font-weight:700;line-height:normal}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-center .div-playlist-title-center-bottom{justify-content:center;align-items:center;padding:4px}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-center .div-playlist-title-center-bottom h2{color:#d2c3eb;text-align:center;font-size:28px;font-style:normal;font-weight:400;line-height:normal}.folder-inner .div-playlist-title .div-playlist-title-top .div-playlist-title-right{justify-content:center;align-items:center;width:120px;height:100px}.folder-inner .div-playlist-title .div-playlist-title-bottom{width:100%;padding:10px}.folder-inner .div-playlist-title .div-playlist-title-bottom h2{color:#fff;text-align:center;font-size:28px;font-style:normal;font-weight:700;line-height:normal}.folder-inner .assigned-card{cursor:pointer;background-color:#fff;border:10px solid #fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:203px;height:237px;transition:transform .1s ease-in-out;display:flex}.folder-inner .assigned-card .div-image{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:-10px;display:flex}.folder-inner .assigned-card .div-image img{object-fit:cover;border-radius:.5rem;width:100%;height:126px}.folder-inner .assigned-card .div-image .default-img{border-radius:.5rem;width:100%;height:126px;position:relative;overflow:hidden}.folder-inner .assigned-card .div-image .default-img .ap-modal-icon{width:40px;position:absolute;top:-2%;left:28%}.folder-inner .assigned-card .div-image .default-img .ap-modal-icon path{fill:#fff}.folder-inner .assigned-card .div-image .default-img:after{content:"";background-image:url(/front/images/game-details/bookmarked_icon_two.svg);background-size:contain;width:150%;height:150%;position:absolute;top:-24px;left:-38px;scale:.75}.folder-inner .assigned-card .div-image .div-assigndate{z-index:1;filter:drop-shadow(2px 4px 10px #00000052);background:#5c25b7;border-radius:3px;justify-content:center;align-items:center;height:17px;padding:2px 6px;display:flex;transform:translateY(10px)}.folder-inner .assigned-card .div-image .div-assigndate h2{color:#fff;text-align:center;font-size:12px;font-style:normal;font-weight:800}.folder-inner .assigned-card .div-image .mg-img-wrap.game-img-thumbnail{background:#5c25b7;border-radius:.7rem;width:100%;padding:4px}.folder-inner .assigned-card .div-image .div-gamescount{z-index:1;background:#5c25b7;justify-content:center;align-items:center;gap:4px;width:100%;padding-top:.25rem;display:flex;position:absolute;bottom:0}.folder-inner .assigned-card .div-image .div-gamescount p{color:#fff;text-align:center;margin:0;font-size:10px;font-style:normal;font-weight:800}.folder-inner .assigned-card .div-image .div-disabledgame{z-index:1;width:100%;height:100%;padding:px 0px;background:#0a131199;border-radius:.5rem;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.folder-inner .assigned-card .div-image .div-completedgame{z-index:1;border-radius:.5rem;justify-content:right;align-items:end;width:100%;height:100%;padding:6px;display:flex;position:absolute;top:0;left:0}.folder-inner .assigned-card .div-text{flex:1;align-items:center;width:100%;display:flex}.folder-inner .assigned-card .div-text h2{color:#5c25b7;text-align:left;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17.864px;font-weight:800;line-height:22px;display:-webkit-box;overflow:hidden}.folder-inner .assigned-card .div-button .div-button-gamebutton{background:#26b59d;border:1.624px solid #26b59d;border-radius:45.472px;justify-content:center;align-items:center;gap:6px;width:168.084px;height:26.796px;padding:6.496px 12.18px;display:flex}.folder-inner .assigned-card .div-button .div-button-gamebutton h2{color:#fff;text-align:center;font-size:12.992px;font-weight:800}.folder-inner .assigned-card .locked{opacity:.6}.folder-inner .assigned-card .image{border-radius:11px;width:100%;height:100%;margin:0}.folder-inner .assigned-card .card-inner{color:#fff;text-align:center;word-break:break-word;flex-wrap:wrap;justify-content:flex-start;display:flex}.folder-inner .assigned-card:hover{transform:scale(1.03)}.folder-inner .assigned-card.locked-game,.folder-inner .assigned-card.locked-game .div-button-gamebutton{cursor:default}.folder-inner .assigned-card.locked-game:hover{transform:scale(1)}.folder-inner .skeleton_card_loader{flex-wrap:wrap;align-items:center;gap:10px;display:flex;overflow:hidden}.folder-inner .svg_card_loader{opacity:0;border-radius:17px;min-width:225px;max-height:336px;animation-name:fade;animation-duration:2s;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (width<=1853px){.folder{width:95%}}@media (width<=1482px){.folder{width:95%}}@media (width<=1409px){.folder{width:95%}}@media (width<=1277px){.folder{width:71%}}@media (width<=1185px){.folder{width:84%}}.game-text{text-align:center;color:#fff}#myAccountHead{text-align:center;background-image:url(/front/images/student-my-classes/header_blob_purple.svg);background-position:top;background-repeat:no-repeat;width:666px;height:177px}#myAccountHead .my-account-title{vertical-align:middle;z-index:90;padding-top:3%;font-size:2.2rem}#classmates{flex-wrap:wrap;gap:25px;display:flex}#classmates .student-card{background:#ffffff19;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;min-width:225px;max-width:229px;max-height:336px;padding:16px;display:flex}#classmates .classmates-avatar{background-color:#002d72;border:5px solid #fff;border-radius:50%;width:171px;height:171px;overflow:hidden}#classmates .avatar-initials{color:#fff;text-align:center;background-color:#002d72;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:171px;height:171px;font-size:50px;font-weight:700;display:flex}#classmates .student-name-pill{color:#26b59d;background:#fff;border-radius:46px;justify-content:center;align-self:stretch;align-items:center;gap:1px;padding:4px;font-size:1rem;font-weight:700;display:flex}#classmates .recent-badge-text{color:#fff;text-align:center;font-family:Hellix;font-size:.875rem;font-style:normal;font-weight:700;line-height:normal;position:relative;left:-45px}#classmates .badges-container{flex-wrap:wrap;justify-content:center;align-self:self-start;align-items:center;gap:10px;display:flex}#classmates .student-badge{width:41.684px;height:53.095px}#classmates .empty-badge-container{text-align:center;color:#fff;background:#ffffff59;border-radius:8px;padding:8px 16px;font-size:.825rem}#ClassDetailAccountHead{text-align:center;background-image:url(/front/images/student-my-classes/Blobtest.svg);background-size:683px 178px;flex-direction:column;justify-content:center;width:666px;height:177px;display:flex}#ClassDetailAccountHead .class-detail-account-title{word-break:break-word;padding:0% 11%;font-size:2.2rem;line-height:2.2rem}.student-class-info{padding-bottom:2.4rem;font-size:1rem}#no-records-id .err-txt-1{color:#000;text-align:center;font-size:42px;font-weight:600}#no-records-id .err-txt-1 .game-name{font-weight:700}#no-records-id .err-txt-2{color:#474747;text-align:center;text-align:center;font-size:28px;font-weight:500}#no-records-id .witty-container{justify-content:center;width:100%;display:flex}#no-records-id .witty-container .witty-img{width:300px}.breakout-plus-container{padding:2rem}.breakout-plus-text{color:#4053ff;text-align:center;font-family:Hellix;font-size:47.86px;font-style:normal;font-weight:700;line-height:normal;display:flex}.b-plus-icon-wrap{margin-top:-6px;padding:0 0 0 .5rem}.breakout-plus-icon{width:39.385px;height:39.385px}.breakout-search-wrapper{background:#fff;border-radius:27px;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-bottom:2rem;padding:16px 24px 30px;display:flex;box-shadow:0 4px 7px 2px #4949491a}.breakout-search-wrapper .search-games-text{color:#0068fd;text-align:center;font-family:Hellix;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.breakout-search-wrapper .search-input-wrapper{background:#0567ff;border-radius:55.5px;align-self:stretch;align-items:center;gap:28px;padding:20px 25px;display:flex;position:relative}.breakout-search-wrapper .search-input-wrapper input{background:#fff;border-radius:40px;flex:1 0 0;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.breakout-search-wrapper .search-input-wrapper .search-icon{background:#002d72;border-radius:20.5px;flex-shrink:0;width:82px;height:42px;transition:all .3s ease-in;position:absolute;right:24px}.breakout-search-wrapper .search-input-wrapper .search-icon img{margin-top:6px}.breakout-search-wrapper .search-input-wrapper .search-icon.active{background:#26b59d}.bplus-card-container{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;margin-bottom:30px;display:flex}.breakout-plus-game-card{cursor:default;background:#fff;border-radius:14.576px;flex-direction:column;gap:12.65px;width:324.742px;height:436px;padding-bottom:16px;transition:all .2s ease-out;display:flex;transform:scale(1);box-shadow:0 3.42976px 6.00208px 1.71488px #7373731a}.breakout-plus-game-card .plus-thumbnail{border-radius:17.982px 17.982px 0 0;max-width:334px;max-height:190px}.breakout-plus-game-card .plus-info{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;gap:6.645px;padding:0 15.395px;display:flex}.breakout-plus-game-card .plus-info .plus-game-title{color:#1d1d1d;text-align:center;text-transform:capitalize;font-family:Hellix;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.breakout-plus-game-card .plus-info .plus-game-title .read-txt{font-weight:700}.breakout-plus-game-card .plus-info .plus-game-description{color:#1d1d1d;font-family:Hellix;font-size:14px;font-style:normal;font-weight:400;line-height:normal;transition:all .3s ease-in-out}.breakout-plus-game-card .plus-info .plus-game-description .read-txt{color:#007bff;font-weight:700;display:block}.breakout-plus-game-card .plus-info .plus-game-description:first-letter{text-transform:capitalize}.breakout-plus-game-card .plus-info .play-plus-game-btn{color:#fff;letter-spacing:.32px;background:#0068ff;border-radius:20.548px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2.702px;width:292.417px;height:35.564px;margin-top:.2rem;padding:14.226px 30.822px;font-family:Hellix;font-size:16px;font-style:normal;font-weight:700;line-height:normal;display:flex}.breakout-plus-game-card .plus-info .play-plus-game-btn:hover{background:#005fe9}.breakout-plus-game-card .badge-size{width:40.306px;height:40.306px}.breakout-plus-game-card.read-more{height:auto}.breakout-plus-game-card:hover{transform:scale(1.01);box-shadow:0 2rem 3rem #848bc82e}.loader-container{justify-content:center;align-items:center;height:10vh;display:flex}.loader{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#495057}.p-tooltip-top .p-tooltip-arrow{border-width:.25em .25em 0;margin-left:-.25rem;bottom:0;left:50%}.p-tooltip .p-tooltip-text{color:#fff;background:#495057;border-radius:6px;padding:.75rem;box-shadow:0 2px 12px #0000001a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.breakout-plus-game-card{width:100%}}.stud-game-card{background-color:#fff;justify-content:center}.stud-game-card .btn-wrapper{color:#5c25b7;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.stud-game-card .btn-wrapper .submit-class-btn,.stud-game-card .btn-wrapper .view-comment-btn{border:2px solid #5c25b7;border-radius:99px;justify-content:center;align-items:center;gap:.25rem;height:24px;padding:0 .5rem;font-size:.65rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.stud-game-card .btn-wrapper .submit-class-btn svg,.stud-game-card .btn-wrapper .view-comment-btn svg{width:11px}.stud-game-card .btn-wrapper .submit-class-btn svg path,.stud-game-card .btn-wrapper .view-comment-btn svg path{fill:#5c25b7}.stud-game-card .btn-wrapper .submit-class-btn:hover{color:#fff;background-color:#5c25b7}.stud-game-card .btn-wrapper .submit-class-btn:hover svg path{fill:#fff}.stud-game-card .btn-wrapper .view-comment-btn{color:#0068ff;border:2px solid #0068ff}.stud-game-card .btn-wrapper .view-comment-btn svg path{fill:#0068ff}.stud-game-card .btn-wrapper .view-comment-btn:hover{color:#fff;background-color:#0068ff}.stud-game-card .btn-wrapper .view-comment-btn:hover svg path{fill:#fff}.approve-card .approve-btn-wrap{justify-content:center;gap:1rem;display:flex}.approve-card .approve-btn-wrap .view-comment-btn{border:2px solid #26b59d;border-radius:99px;justify-content:center;align-items:center;gap:.25rem;height:24px;padding:0 .5rem;font-size:.65rem;font-weight:700;transition:all .3s ease-in-out;display:flex}.approve-card .approve-btn-wrap .view-comment-btn svg{width:11px}.approve-card .approve-btn-wrap .view-comment-btn svg path{fill:#26b59d}.approve-card .approve-btn-wrap .view-comment-btn:hover{color:#fff;background-color:#26b59d}.approve-card .approve-btn-wrap .view-comment-btn:hover svg path{fill:#fff}.approve-card .approve-btn-wrap .check-icon{width:12px}.gc-options-dropdown{--p-popover-background:white;--p-popover-shadow:0px 4px 7px 2px #4949491a;--p-popover-border-radius:1.25rem;padding:.5rem}.gc-options-dropdown:after,.gc-options-dropdown:before{display:none}.gameTitle[data-v-b479c04c]{justify-content:center;align-items:center;width:146px;height:79px;margin:10px;font-weight:600;display:flex}.dropdown-menu[data-v-b479c04c]{padding:5px}.share_comment[data-v-b479c04c]{cursor:pointer;width:140px;height:100%;position:relative;bottom:5%;left:16px}.approve_comment[data-v-b479c04c]{cursor:pointer;width:147px;position:relative;top:-3px;left:15px}.gameTitle>p[data-v-b479c04c]{word-break:normal}.ellipsis-wrapper[data-v-b479c04c]{width:24px}.ellipsis-wrapper:hover .color-ellipsis[data-v-b479c04c],.ellipsis-wrapper .white-ellipsis[data-v-b479c04c]{display:none}.ellipsis-wrapper:hover .white-ellipsis[data-v-b479c04c]{display:inline}.ellipsis-styling[data-v-b479c04c]{width:22px;font-size:30px;position:relative;bottom:1px;right:2px}@media (width<=2100px){.column-wrap{flex-grow:1;min-width:200px;max-width:540px;height:100%;margin-top:20px;margin-right:10px}}@media (width<=1800px){.column-wrap{flex-grow:1;min-width:200px;max-width:397px;height:100%;margin-top:20px;margin-right:20px}}@media (width<=1480px){.column-wrap{flex-grow:1;min-width:140px;max-width:280px;height:100%;margin-top:20px;margin-right:20px}}@media (width<=1180px){.column-wrap{flex-grow:1;min-width:390px;max-width:400px;height:50%;margin-top:20px;margin-left:2%;margin-right:43px}.games-card-column{margin-left:0}}.games-card-column{flex-grow:1;min-width:200px;height:800px;padding-top:32px;padding-left:1%}.game-card{width:170px;height:155px;margin-top:10px;margin-left:9px;display:inline-block}#submitted-games .card-scroll{overflow:hidden scroll}#submitted-games .card-scroll::-webkit-scrollbar{width:10px}#submitted-games .card-scroll::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}#submitted-games .scroll-track-color::-webkit-scrollbar-track{background-color:#fff6!important}#submitted-games .card-scroll::-webkit-scrollbar-track{border-radius:10px;margin-top:40px;margin-bottom:40px}#submitted-games .games-card-wrapper{flex-wrap:wrap;padding-left:40px;display:flex}.circle-outline{border:5px solid #5c25b7;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;line-height:30px;display:flex}.dropdown button{appearance:none;position:relative}.dropdown-item div{display:inline!important}.dropdown-menu{background-color:#fff;border-radius:1.25rem;padding:.5rem .9rem;position:absolute;top:calc(100% + .1rem);min-width:50px!important;left:-27px!important}.dropdown-container{padding:0}.createGameButton:hover{background-color:#3b009e}.dropdown-position{top:-4px!important;left:27px!important}.card-dropdown{font-size:17px}.dropdown-text{padding:7px 0 4px}.dropdown-item:hover{background-color:unset!important;color:#5c25b7!important}.swal2-popup{box-shadow:unset!important;border-radius:30px!important}.swal2-close{left:573px;border:unset!important;background-color:#0068ff!important}.modal-header{border-bottom:unset;justify-content:center;align-items:center;display:flex}.swal2-textarea{border-radius:15px;color:#000!important}.modal-cont{padding:2px 37px 18px 40px!important}.modal-cont .form-group .err-game-input-border{border:2px solid red!important}.modal-header{padding:1rem 9px 5px 1px}.modal-header>h3{color:#0068ff!important;font-size:31px!important}.swal2-actions{border-top:unset!important}.swal2-confirm{border-radius:50px!important;font-size:medium!important}.swal2-cancel{border-radius:50px!important}.p-overlaypanel{border-radius:1rem;margin-top:1px}.p-overlaypanel:before,.p-overlaypanel:after{display:none}.class-select-popover{--p-popover-background:white;--p-popover-shadow:0px 4px 7px 2px #4949491a;--p-popover-border-radius:1rem;padding:1rem}.class-select-popover:before{display:none}#student-badging-component .badges_tab_btn:hover path,#student-badging-component .challenges_tab_btn:hover path,#student-badging-component .rewards_tab_btn:hover path{fill:#c914a7}#student-badging-component .active{color:#c914a7!important;background-color:#fff!important}#student-badging-component .active path{fill:#c914a7}#student-badging-component .rewards-bottom{gap:6.83px;min-width:168.03px}#student-badging-component .given_by{font-weight:500}#student-badging-component .date{letter-spacing:-.02em;align-items:center;font-size:.75rem;font-weight:500;line-height:17px;display:flex}#student-badging-component[data-v-a8ab2f3f]{background-color:#fff;border-radius:1rem;margin:10px;padding:1rem;transition:height .5s ease-in-out}#student-badging-component .achievement-header[data-v-a8ab2f3f]{color:#c914a7;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-left:.5rem;font-size:30px;font-weight:700;display:flex}#student-badging-component .scroll-container[data-v-a8ab2f3f]{background-color:#c914a7;border-radius:1rem;padding-bottom:1rem}#student-badging-component .scroll-container .inner-container-label[data-v-a8ab2f3f]{color:#fff;flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:1rem;font-size:1.25rem;font-weight:700;display:flex}#student-badging-component .scroll-container .inner-container-label button[data-v-a8ab2f3f]{color:#fff;cursor:pointer;background:#c914a7;border:3px solid #fff;border-radius:40px;align-items:center;padding:4px 16px;font-size:1rem;font-style:normal;font-weight:600;transition:background-color .3s;display:flex}#student-badging-component .scroll-container .badges_tab_btn[data-v-a8ab2f3f]:hover,#student-badging-component .scroll-container .challenges_tab_btn[data-v-a8ab2f3f]:hover,#student-badging-component .scroll-container .rewards_tab_btn[data-v-a8ab2f3f]:hover{color:#c914a7;background:#fff}#student-badging-component .scroll-container .badge_icon_svg[data-v-a8ab2f3f],#student-badging-component .scroll-container .challenges_svg[data-v-a8ab2f3f],#student-badging-component .scroll-container .rewards_svg[data-v-a8ab2f3f]{width:24px;height:24px;margin-right:8px}#student-badging-component .scroll-container .inner-container-label button span[data-v-a8ab2f3f]{align-items:center;display:inline-flex}#student-badging-component .scroll-container .card-scroll[data-v-a8ab2f3f]{max-height:800px;display:flex;overflow:auto hidden}#student-badging-component .scroll-container .card-scroll .item[data-v-a8ab2f3f]{width:170px;min-width:160px;min-height:165px;margin-right:10px;line-height:1.1}#student-badging-component .scroll-container .card-scroll[data-v-a8ab2f3f]::-webkit-scrollbar{width:10px}#student-badging-component .scroll-container .card-scroll[data-v-a8ab2f3f]::-webkit-scrollbar-thumb{border-radius:10px;background:#fff!important}#student-badging-component .scroll-container .scroll-track-color[data-v-a8ab2f3f]::-webkit-scrollbar-track{background-color:#fff6!important}#student-badging-component .scroll-container .card-scroll[data-v-a8ab2f3f]::-webkit-scrollbar-track{border-radius:10px;margin-left:40px;margin-right:40px}#student-badging-component .scroll-container .card-container[data-v-a8ab2f3f]{background-color:#c914a7;gap:1rem;margin:0 .5rem;padding:0 1rem 1rem}#student-badging-component .scroll-container .card-container .badge[data-v-a8ab2f3f]{color:#fff;min-width:168.03px;height:220px;white-space:unset;background:#ffffff59;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:6.83px;padding:.5rem .75rem;display:flex;box-shadow:0 4px 10px #b1b1b140}#student-badging-component .scroll-container .card-container .badge .badge_img[data-v-a8ab2f3f]{width:78.31px;height:99.75px}#student-badging-component .scroll-container .card-container .badge .badge_type[data-v-a8ab2f3f]{text-align:center;word-break:break-word;align-items:center;font-size:1rem;font-weight:700;line-height:23px;display:flex}#student-badging-component .scroll-container .card-container .badge .given_by[data-v-a8ab2f3f]{font-size:.625rem;font-weight:500;font-size:.825rem!important}#student-badging-component .scroll-container .card-container .badge .date[data-v-a8ab2f3f]{letter-spacing:-.02em;align-items:center;font-size:.75rem;font-weight:500;line-height:17px;display:flex}#student-badging-component .scroll-container .empty-state-container[data-v-a8ab2f3f]{color:#fff;text-align:center;background-color:#ffffff59;border-radius:1rem;flex-direction:column;justify-content:center;gap:.5rem;margin:0 1rem;padding:3rem 2rem;display:flex}#student-badging-component .scroll-container .empty-state-container .first-line[data-v-a8ab2f3f]{word-break:break-word;font-size:1.5rem;font-weight:500;line-height:1.5rem}#student-badging-component .scroll-container .empty-state-container .second-line[data-v-a8ab2f3f]{word-break:break-word;font-size:18px;font-weight:600;line-height:1rem}#student-badging-component .reward-card[data-v-a8ab2f3f]{color:#fff;min-width:168px;max-width:168px;height:220px;white-space:unset;background:#ffffff59;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:13px;font-size:.8rem;font-weight:500;display:flex}#student-badging-component .reward-card svg[data-v-a8ab2f3f]{width:120px;height:80px}#student-badging-component .reward-card .rewards-bottom[data-v-a8ab2f3f]{flex-direction:column;align-items:center;gap:10px;display:flex}#student-badging-component .reward-card .rewards-bottom .date[data-v-a8ab2f3f]{color:#fff;text-align:center;font-family:Hellix;font-size:14px;font-style:normal;font-weight:500;line-height:normal}#student-badging-component .reward-card .rewards-bottom .equip[data-v-a8ab2f3f]{border:2px solid #fff;border-radius:50px;justify-content:center;align-items:center;gap:1.765px;width:80px;padding:-.47px 11.265px;font-family:Hellix;font-size:14px;font-style:normal;font-weight:600;line-height:normal;transition:all .3s ease-in-out;display:flex}#student-badging-component .reward-card .rewards-bottom .equip[data-v-a8ab2f3f]:hover{color:#c914a7;background-color:#fff}#student-badging-component .reward-card .rewards-bottom .reward_type[data-v-a8ab2f3f]{color:#fff;text-align:center;font-size:1rem;font-weight:800;line-height:normal}.shadowSurround[data-v-a8ab2f3f]{box-shadow:0 4px 7px 2px #4949491a}.empty-state-container[data-v-a8ab2f3f]{color:#fff;text-align:center;background-color:#ffffff59;border-radius:1rem;flex-direction:column;justify-content:center;gap:.5rem;margin:0 1rem;padding:3rem 2rem;display:flex}.empty-state-container .first-line[data-v-a8ab2f3f]{word-break:break-word;font-size:1.5rem;font-weight:500;line-height:1.5rem}.empty-state-container .second-line[data-v-a8ab2f3f]{word-break:break-word;font-size:18px;font-weight:600;line-height:1rem}.card-skeleton[data-v-a8ab2f3f]{background:#ffffff59;border-radius:9.806px;width:168px;height:150px;margin:.5rem;position:relative;overflow:hidden;box-shadow:0 0 10px #0000001a}.card-skeleton[data-v-a8ab2f3f]:first-child{margin-left:16px}.card-skeleton[data-v-a8ab2f3f]:last-child{margin-right:16px}.pulsate[data-v-a8ab2f3f]{animation:1.5s ease-in-out infinite pulsate-a8ab2f3f}@keyframes pulsate-a8ab2f3f{0%{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}#account-wrapper #profile-container{margin:0 4%}#account-wrapper #profile-container #card-container{grid-template-columns:repeat(1,minmax(0,1fr))}#account-wrapper #profile-container #card-container .card-inner{border-radius:17px;height:100%}#account-wrapper #profile-container #card-container .profile-card{background:#fff;border-radius:17px;margin:10px;padding:16px}#account-wrapper #profile-container #card-container .profile-card .inner-container{flex-direction:column;height:100%;display:flex}#account-wrapper #profile-container #card-container .profile-card .inner-container .label-txt{align-items:center;margin-bottom:16px;font-size:30px;font-weight:700;line-height:36px;display:flex}.card-scroll::-webkit-scrollbar-track{border-radius:10px;margin-top:5px;margin-bottom:5px}@media (width>=1000px){#account-wrapper #profile-container #card-container{grid-template-columns:50% auto}}.disableImageButton img{opacity:.2}.shadowSurround{box-shadow:0 4px 7px 2px #4949491a}.shadowAvatarBox{box-shadow:0 0 4px #ccc}#account-container{max-width:1300px;margin-top:7%;margin-left:5px;margin-right:5px}.name-container{overflow-wrap:break-word;margin-left:25%;display:flex}.manage-account-container{white-space:nowrap;overflow:hidden}#student-account-wrapper{background-color:#f2f2f2;height:100vh}.save-btn{width:20px;height:20px;margin-bottom:3px;display:inline}@media (width<=1279px){#student-account-wrapper{background-color:#f2f2f2;padding-bottom:69rem}}.manage-account-container{white-space:nowrap;width:28rem;overflow:hidden}@media (width>=720px){#account-container{margin-right:40px}}.avatar-container{min-width:650px;max-width:1300px;height:500px;margin-top:200px;margin-bottom:800px}.coming-soon-image{margin-left:auto;margin-right:auto;display:block}.part-select{border:2px solid #5c25b7}.category-select{border:2px solid #5c25b7!important}.vue-swatches{margin-top:10px;margin-right:5px}.card-scroll{max-height:80vh;overflow:hidden scroll}.card-scroll::-webkit-scrollbar{width:10px}.card-scroll::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.scroll-track-color::-webkit-scrollbar-track{background-color:#ffffff59}.card-scroll::-webkit-scrollbar-track{background-color:#ffffff59;border-radius:10px;margin-top:5px;margin-bottom:5px}footer{display:none}.nav_page[data-v-c27139ef]{background-color:#0068ff;min-height:100vh;padding:2rem}.join-class-success p[data-v-cfe6d8e8]{margin-bottom:30px;font-size:20px;font-weight:300}.hed.hed-border[data-v-9a905ad0]{border-top:1px solid #eee}.block__content[data-v-9a905ad0]{font-weight:300}.block__content p[data-v-9a905ad0]{margin:0 0 10px;font-size:16px;font-weight:300}.block__content strong[data-v-9a905ad0]{font-weight:600}.block__content.block__border[data-v-9a905ad0]{border-top:1px solid #eee}.error-404{text-align:center;background-color:#002d72;height:100vh}.error-404 h4{color:#fff;text-align:center;margin:10px 0 20px;font-style:italic}.error-404 svg{width:auto;min-width:auto;position:relative;bottom:auto;right:auto;overflow:auto}.error-404 #container{background-color:#002d72;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-404 #container .line{fill:none;stroke:#fff;stroke-width:12px;stroke-dasharray:200 100}.error-404 #container .line.anim{animation:2s linear infinite swirls}.error-404 .btn.btn-home{background:#fff;font-size:14px}@keyframes swirls{0%{stroke-dashoffset:0}to{stroke-dashoffset:300px}}