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