@charset "UTF-8";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.primary-nav{align-items:center!important;background-color:#00868d!important;display:flex!important;flex-direction:row!important;font-family:rajdhani-medium;height:8vh!important;justify-content:start!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1001!important}.primary-nav .user-name-btn{color:#aecb2a!important;font-family:rajdhani-medium;font-size:1.55vw!important;text-transform:none;transition:.5s!important}.primary-nav #company-logo{height:5.5vh;margin-left:10px}#rotateContainer{background-color:#fff;display:none;height:100%;inset:0;position:fixed;width:100%;z-index:10001}#showRotateImage{background-image:url(/static/media/portraitMode.7adc4e6387b173d8772c.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:64vh;left:15vw;position:absolute;top:18vh;width:70vw}#rotateText{left:-40vw;position:relative;top:30vh}#rotateText p{font-size:3em;line-height:1.5;text-align:center;transform:rotate(90deg)}@media screen and (orientation:portrait) and (max-device-width:900px){#rotateContainer{display:block}}.primary-nav p.admin-school-name,.primary-nav p.submodule-title{margin:0 0 0 2vw}.primary-nav p.admin-school-name{font-size:1.8vw!important}.primary-nav p.submodule-title{font-size:1.55vw}.primary-nav p.notes-submodule-title{font-size:3.4vh!important}.primary-nav p.module-name{font-family:rajdhani-regular}.sec-nav-btn-container{display:flex;justify-content:flex-end!important}.sec-nav-btn-container .logout-students-btn{background-color:#e88f90;border:1px solid #b31f77;border-radius:30px;color:#b31f77!important;font-family:rajdhani-medium;font-size:1.3vw!important;line-height:1.5;margin-right:1vw;padding:3px 15px;transition:.5s!important}.sec-nav-btn-container .logout-students-btn:hover{transform:scale(1.05);transition:.5s}.user-dropdown{align-items:center;display:flex;margin-left:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.arrow-steps .step{background-color:#dbdbdb;border-bottom:.9px solid #bebcbc;border-top:.9px solid #bebcbc;color:#000;cursor:default;float:left;font-family:rajdhani-medium;font-size:15px;margin:0;padding:5px 10px 6px 30px;position:relative;text-align:center;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.arrow-steps .step:after,.arrow-steps .step:before{border-bottom:17px solid #0000;border-left:19px solid #dbdbdb;border-top:17px solid #0000;content:" ";height:0;position:absolute;right:-18px;top:0;transition:border-color .2s ease;width:0;z-index:2}.arrow-steps .step:before{border-left:19px solid #bebcbc;left:0;right:auto;z-index:0}.arrow-steps .step:first-child:before{border:none}.arrow-steps .step:first-child{background-color:#c9c6c6;border-bottom-left-radius:4px;border-left:1px solid #bebcbc;border-top-left-radius:4px;color:#000;font-family:rajdhani-medium;font-size:15px}.arrow-steps .step:first-child:after{border-left-color:#c9c6c6}.arrow-steps .step:nth-last-child(2){border-radius:0 1.5px 1.5px 0}.arrow-steps .step:nth-last-child(2):after{border-bottom:17px solid #0000;border-left:19px solid #dbdbdb;border-top:17px solid #0000;content:" ";height:0;position:absolute;right:-18px;top:0;transition:border-color .2s ease;width:0;z-index:2}.arrow-steps .step:last-child{visibility:hidden}.arrow-steps .step:last-child:before{border-bottom:18px solid #0000;border-left:20px solid #dbdbdb;border-top:18px solid #0000;left:-1px;right:auto;top:-1px;visibility:visible;z-index:0}.arrow-steps .step span{position:relative}.arrow-steps .step span:before{color:#06ac77;content:"✔";left:-20px;opacity:0;position:absolute;top:-2px}.arrow-steps .step.done span:before{opacity:1;transition:opacity .3s ease .5s}.arrow-steps .step.current{background-color:#00868d!important;color:#fff}.arrow-steps .step.current:after{border-left:19px solid #00868d!important}.arrow-steps .step.currentAssigned{background-color:#00868d!important;color:#fff}.arrow-steps .step.currentAssigned:after{border-left:19px solid #00868d!important}.arrow-steps .step.currentNotAssigned{background-color:#adadad!important;color:#000}.arrow-steps .step.currentNotAssigned:after{border-left:19px solid #adadad!important}.arrow-steps .step.assigned{background-color:#25a596;color:#fff}.arrow-steps .step.assigned:after{border-left:19px solid #25a596}.module-arrow-steps{display:flex;line-height:1.5;width:80%}.module-arrow-steps .step{background-color:#dbdbdb;border-bottom:.9px solid #bebcbc;border-top:.9px solid #bebcbc;color:#000;cursor:default;float:left;font-family:rajdhani-medium;font-size:15px;margin:0;padding:5px 10px 6px 30px;position:relative;text-align:center;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.module-arrow-steps .step:after,.module-arrow-steps .step:before{border-bottom:17px solid #0000;border-left:19px solid #dbdbdb;border-top:17px solid #0000;content:" ";height:0;position:absolute;right:-18px;top:0;transition:border-color .2s ease;width:0;z-index:2}.module-arrow-steps .step:before{border-left:19px solid #bebcbc;left:0;right:auto;z-index:0}.module-arrow-steps .step:first-child:before{border:none}.module-arrow-steps .step:first-child{background-color:#dedede;border-bottom-left-radius:4px;border-left:.9px solid #bebcbc;border-top-left-radius:4px;font-family:rajdhani-medium;font-size:15px}.module-arrow-steps .step:first-child:after{border-left-color:#dedede}.module-arrow-steps .step:nth-last-child(2){border-radius:0 1.5px 1.5px 0}.module-arrow-steps .step:nth-last-child(2):after{border-bottom:17px solid #0000;border-left:19px solid #dbdbdb;border-top:17px solid #0000;content:" ";height:0;position:absolute;right:-18px;top:0;transition:border-color .2s ease;width:0;z-index:2}.module-arrow-steps .step:last-child{visibility:hidden}.module-arrow-steps .step:last-child:before{border-bottom:18px solid #0000;border-left:20px solid #bebcbc;border-top:18px solid #0000;left:-1px;right:auto;top:-1px;visibility:visible;z-index:0}.module-arrow-steps .step span{position:relative}.module-arrow-steps .step span:before{color:#06ac77;content:"✔";left:-20px;opacity:0;position:absolute;top:-2px}.module-arrow-steps .step.done span:before{opacity:1;transition:opacity .3s ease .5s}.module-arrow-steps .step.current{background-color:#25a596;color:#000}.module-arrow-steps .step.current:after{border-left:19px solid #25a596}.dashboard-container{display:flex;height:92vh;line-height:1.5;overflow-y:auto;position:fixed;top:8vh;width:100%}.dashboard-container *,.dashboard-container :after,.dashboard-container :before,.progress-report-container *,.progress-report-container :after,.progress-report-container :before{box-sizing:border-box}.admin-progress-header{font-family:rajdhani-semibold!important;font-size:1.5rem!important;padding-left:.6rem}.row{display:flex;flex-wrap:wrap}.text-center{text-align:center}.d-flex{display:flex}.align-items-center{align-items:center}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-end{align-items:flex-end}.col-8{width:66.66%}.col-4{width:33.33%}.p-0{padding:0!important}.mt-1{margin-top:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.justify-content-start{justify-content:start!important}.justify-content-end{justify-content:end}.mr-2{margin-right:.5rem!important}.ml-auto{margin-left:auto!important}.col-9{flex:0 0 75%;max-width:75%}.col-3{flex:0 0 25%;max-width:25%}.justify-content-between{justify-content:space-between!important}.table-sm{font-size:.875rem}.table-sm td,.table-sm th{padding:.5rem}.m-0{margin:0!important}.mr-3{margin-right:1rem!important}.ml-3{margin-left:1rem!important}.flex-row{flex-direction:row!important}.mt-2{margin-top:.5rem!important}button:disabled{pointer-events:none}.module-side-nav,.notebook-side-nav{background-color:#c0ccc8;bottom:0;left:0;position:fixed;top:8vh;width:10vw}.module-side-nav a,.notebook-side-nav a{display:flex}.module-side-nav svg.nav-button,.notebook-side-nav svg.nav-button{border:none;border-radius:50%;transform:scale(1);transition:.5s;width:6vw}.module-side-nav svg.nav-button.active,.notebook-side-nav svg.nav-button.active{border:2px solid #000;cursor:pointer;transform:scale(1.15)}.module-side-nav svg.nav-button:not(.active):hover,.notebook-side-nav svg.nav-button:not(.active):hover{cursor:pointer;transform:scale(1.1);transition:.5s}.module-side-nav img.bar,.notebook-side-nav img.bar{width:.1vw}#return-teacher-dashboard{font-size:1.5vw;margin-left:2vw}.module-return-dashboard{cursor:pointer;font-size:1.8vw;margin:1vw 0}.module-return-dashboard img{margin-bottom:3px;margin-right:5px;width:15%}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}html{height:100%}:root{--story-font:Andika;--game-instructions-font:Andika;--puzzle-font:Andika}.student-module-page{background-color:#e2e7ea!important;font-family:Rajdhani!important}.notebook-button{background-color:#fe7d00;border:none;border-radius:50%;font-size:1.5vw;height:75%;margin-left:10px;margin-top:.3vw;padding:5px 20px;transition:.5s}.notebook-button:hover{transform:scale(1.05);transition:.5s}#story-view .invisible{visibility:hidden}#storyunderConstruction{display:flex;justify-content:center;margin-top:40vh;width:85vw}.python-story-area{display:flex;flex-direction:column;height:86vh;padding:10px 35px}.story-area>img{cursor:pointer;width:4vw}.python-story-content{display:flex;height:100%;justify-content:space-between;overflow:hidden}.python-story-arrows{align-items:center;display:flex}.python-story-arrows>img{background-color:#ffb017;border-radius:10px;cursor:pointer;height:30px;margin:5px;padding:5px;width:30px}.main-story-view{height:80vh;padding:10px;width:80vw}.python-story-text-container{height:100%;overflow:auto;width:49%}.main-story-view>.row{margin:auto;max-width:100%}.story-title{font-weight:700}.story-page-number,.story-title{font-family:Andika,Ubuntu,sans-serif;font-family:var(--story-font),"Ubuntu",sans-serif;font-size:2vw;margin:0 0 .5vw}.story-completed-button{background-color:#ffb017;border:none;border-radius:10px;cursor:pointer;font-family:Rajdhani;font-size:1.5vw;height:3vw;margin:5px;padding:5px 20px;transition:.5s}.story-slide{margin-bottom:1vw;margin-top:0}.story-text{text-wrap:wrap;font-family:Andika,Ubuntu,sans-serif;font-family:var(--story-font),"Ubuntu",sans-serif;font-size:2vw;margin:0;padding-bottom:2vw}.feedback-main-box{background-color:#ffffffed;border:1px solid #00868d;border-radius:2vw;font-family:Rajdhani;left:calc(50% - 7.5vw);opacity:0;padding:1vw 0;position:fixed;top:5vw;transform:translateY(-18vw);transition:.3s;width:20vw;z-index:5;z-index:1000!important}.feedback-main-box.active{animation-duration:.3s;animation-fill-mode:forwards;animation-name:popupFeedback;animation-timing-function:cubic-bezier(.16,1.38,1,1.38)}.feedback-main-box.inactive{animation-duration:.3s;animation-fill-mode:forwards;animation-name:popupFeedbackReverse;animation-timing-function:cubic-bezier(.57,-.07,.51,1.15)}@keyframes popupFeedback{0%{opacity:0;transform:translateY(-18vw) rotateX(-90deg)}70%{opacity:1;transform:translateY(2vw) rotateX(0deg)}to{opacity:1;transform:translate(0)}}@keyframes popupFeedbackReverse{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(-18vw)}}.feedback-main-box h5{font-size:2vw;font-weight:500;margin:0}.feedback-main-box div>img{margin-bottom:.4vw;margin-left:.4vw;width:2.5vw}.feedback-main-box hr{background-color:#707070;display:block;margin:.3vw auto 1vw;opacity:.2;width:90%}.feedback-main-box p{color:#6a6a6a;font-size:1.7vw;line-height:1.8vw;margin-bottom:.6vw;margin-top:0;text-align:center}.feedback-main-box .row{margin:0;width:100%}.feedback-main-box .col>img{margin:0 0 .3vw;transition:.5s;width:2.5vw}.feedback-main-box .col>img:hover{cursor:pointer;transform:scale(1.15);transition:.5s}.close-cross{position:absolute;right:.7vw;top:.7vw;transition:.3s;width:1.3vw}.close-cross:hover{cursor:pointer;transform:scale(1.15);transition:.3s}.feedback-next-level{background-color:#aecb2a;border:none;border-radius:20px;cursor:pointer;font-size:1.5vw;line-height:1.3vw;padding:.7vw;transition:.5s;width:90%}.feedback-next-level:hover{transform:scale(1.05);transition:.5s}.game-view{align-items:center;display:flex;flex-direction:column}#game-assesment-view *,#game-view *,.game-view{font-family:Rajdhani}#game-assesment-view,#game-view{height:inherit;padding-bottom:1.5vw}#assesment-view .linkgame-bottom-nav,#game-view .linkgame-bottom-nav{margin:.3vw auto;width:77vw}#game-view>.bad-job-feedback{background-color:#ffffffed;border:1px solid #00868d;border-radius:2vw;bottom:2vw;font-family:Rajdhani;height:fit-content;opacity:0;padding:1vw;position:fixed;right:2vw;transform:translateY(-14vw);transition:.3s;width:20vw;z-index:5}.assesment-button-holder,.game-button-holder,.notebook-button-holder,.puzzle-button-holder,.python-button-holder{align-items:center;display:flex;justify-content:center}.assesment-button-holder button.active,.game-button-holder button.active,.notebook-button-holder button.active,.puzzle-button-holder button.active,.python-button-holder button.active{border:.2vw solid #00554b;transform:scale(1.3);z-index:1}.assesment-button-holder button.completed,.game-button-holder button.completed,.puzzle-button-holder button.completed{background-color:#25a596}.assesment-button-holder button.ongoing,.game-button-holder button.ongoing,.puzzle-button-holder button.ongoing{background-color:#aecb2a}.assesment-button-holder button.incomplete,.game-button-holder button.incomplete,.puzzle-button-holder button.incomplete{background-color:#efefef}.assesment-button-holder button.giveup-level{border:.2vw solid #b30a74!important}.assesment-button-holder img,.game-button-holder img,.notebook-button-holder img{filter:brightness(.1);height:1px;width:.5vw}.assesment-button-holder div,.game-button-holder div,.notebook-button-holder div{align-items:center;border:.2vw solid #25a596;border-radius:10px;display:flex;height:2.5vw;margin:.4vw 0;padding:3px 0}.assesment-button-holder button,.game-button-holder button,.notebook-button-holder button,.puzzle-button-holder>button,.python-button-holder button{border:.2vw solid #25a596;border-radius:50%;cursor:pointer;font-family:rajdhani-medium!important;font-size:1vw;height:2vw;margin:1vw 0;position:relative;transition:.5s;width:2vw;z-index:1}.puzzle-button-holder>button.active,.python-button-holder>button.active{border:.2vw solid #00554b;transform:scale(1.3);z-index:2}.assesment-button-holder:not(.locked) button:not(.active):hover,.game-button-holder button:not(.active):hover,.notebook-button-holder>button:not(.active):hover,.puzzle-button-holder>button:not(.active):hover,.python-button-holder>button:not(.active):hover{transform:scale(1.1)}.assesment-button-holder button:before,.game-button-holder button:before,.notebook-button-holder button:before,.puzzle-button-holder>button:before,.python-button-holder button:before{border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition:transform .3s ease-out;z-index:-1}.assesment-button-holder button:not(.active):hover:before,.game-button-holder button:not(.active):hover:before,.notebook-button-holder button:not(.active):hover:before,.puzzle-button-holder>button:not(.active):hover:before,.python-button-holder button:not(.active):hover:before{transform:scale(1.1)}.assesment-button-holder button.active:before,.game-button-holder button.active:before,.notebook-button-holder button.active:before,.puzzle-button-holder>button.active:before,.python-button-holder button.active:before{transform:scale(1.3)}.puzzle-button-holder>img,.python-button-holder>img{width:1vw}.instructions-box{align-items:center;background-color:#ff9a9b;border-radius:1vw;display:flex;justify-content:flex-start;margin:auto auto 1vh;min-height:4.5vw;width:85vw}.demo-video-button{position:absolute;right:13px;top:10px}.demo-video-button .watch-help-video{background-color:#ff9a9b!important;margin:0!important;padding:.2vw .5vw!important}.demo-video-button:hover{font-weight:inherit;transform:scale(1.1);transition:.3s}.demo-video-button .watch-help-video,.instructions-box .watch-help-video{align-items:center;background-color:#fff6;border:none;border-radius:.5vw;display:flex;flex:0 0 auto;font-family:rajdhani-medium;font-size:1.5vw;margin-right:1vw;padding:0 .5vw;transition:.3s}.instructions-box .watch-help-video:hover{transform:scale(1.1);transition:.3s}.instructions-box img{height:90%;margin-left:1vw}#assesment-view #assesment-instructions,#instructions{flex:1 1 auto;font-family:Andika;font-family:var(--game-instructions-font);font-size:1.5vw;line-height:1.7vw;margin:0 5px 0 20px}.game-content-wrapper{display:flex;justify-content:center}.game-content-wrapper,.game-content-wrapper *{font-family:sans-serif!important}.action-buttons-playground{align-self:flex-start;display:flex;font-size:1.5vw;justify-content:space-between;margin-left:calc(50% - 10vw);width:52vw}.action-buttons-playground *{font-size:1.5vw}#assesment-run-code-button,#run-code-button{background-color:#aecb2a;border:none;border-radius:10px;padding:5px 20px;transition:.5s;width:20vw}#assesment-run-code-button:hover,#run-code-button:hover{transform:scale(1.05);transition:.5s}.show-solution-btn{display:flex;font-size:1.5vw;margin-left:3vw;width:30vw}.show-game-solution-btn{display:flex;font-size:1.5vw;justify-content:flex-end;position:absolute;right:3vw;width:50vw}#assesment-run-restart-button,#description-save-button,#game-delete-button,#game-publish-button,#python-delete-button,#python-publish-button,#run-restart-button,#show-puzzle-solution,#show-solution{background-color:#aecb2a;border:none;border-radius:10px;padding:5px 20px;transition:.5s}#assesment-run-restart-button:hover,#description-save-button:hover,#game-delete-button:hover,#game-publish-button:hover,#python-delete-button:hover,#python-publish-button:hover,#run-restart-button:hover,#show-puzzle-solution:hover,#show-solution:hover{transform:scale(1.05);transition:.5s}#assesment-game-restart-button,#assesment-next-level,#game-restart-button,.reset-code{background-color:#ffb017;border:none;border-radius:10px;padding:5px 20px;transition:.5s}#assesment-game-restart-button:hover,#assesment-next-level:hover,#game-restart-button:hover,.reset-code:hover{transform:scale(1.05);transition:.5s}.action-buttons{align-self:flex-start;display:flex;font-size:1.5vw;justify-content:space-between;margin-left:calc(50% - 42.5vw);width:30vw}.action-buttons *{font-size:1.5vw}.feedback-next-level,.feedback-okay-button{background-color:#aecb2a;border:none;border-radius:20px;font-size:1.5vw;line-height:1.3vw;padding:.7vw;transition:.5s;width:90%}.feedback-okay-button{background-color:#ffb017}.feedback-next-level:hover,.feedback-okay-button:hover{transform:scale(1.05);transition:.5s}button{cursor:pointer}#assesment-down,#assesment-left,#assesment-right,#assesment-up,#game-down,#game-left,#game-right,#game-up{border:none;display:flex;padding:0;transition:.5s;width:2.5em}#assesment-down:hover,#assesment-left:hover,#assesment-right:hover,#assesment-up:hover,#game-down:hover,#game-left:hover,#game-right:hover,#game-up:hover{transform:scale(1.1);transition:.3s}.play-video-help{width:90%}#blockly{border:1px solid #3232321a}#assesment-game-blocks-count,#game-blocks-count{align-items:center;background-color:#ff9a9b;border-radius:0 0 10px 10px;display:flex;font-family:Rajdhani!important;font-size:1.5vw;justify-content:center;padding:5px 10px;position:absolute}#assesment-game-blocks-count span,#game-blocks-count span{font-family:Rajdhani!important}.demo-level-btn{background-color:#ff9a9b!important;border:.2vw solid #b30a74!important}.demo-level-completed-btn{background-color:#ff9a9b!important;border:.2vw solid #00554b!important}#puzzle-container{height:100%;padding-bottom:2vw}#puzzle-assesment-view,#puzzle-view{height:100%;padding:0 3vw}#puzzle-assesment-view *,#puzzle-view *{font-family:Rajdhani}#puzzle-assesment-view .puzzle-title,#puzzle-view .puzzle-title{font-family:Andika;font-family:var(--puzzle-font);font-size:2.4vw;font-weight:700;margin-bottom:0}#puzzle-assesment-view{padding-bottom:2vw}#puzzle-assesment-view #puzzle-view{padding:0!important}#puzzle-view .explanation-box .puzzle-explanation-image{margin-left:auto}#puzzle-assesment-view .puzzle-description,#puzzle-assesment-view .puzzle-explanation-text,#puzzle-assesment-view .puzzle-question-text,#puzzle-view .puzzle-description,#puzzle-view .puzzle-explanation-text,#puzzle-view .puzzle-question-text{font-family:Andika;font-family:var(--puzzle-font);font-size:1.7vw;margin-top:0}.puzzle-explanation-text,.puzzle-question-text{text-wrap:wrap;margin-bottom:0}#puzzle-assesment-view .col-3,#puzzle-assesment-view .col-9,#puzzle-view .col-3,#puzzle-view .col-9{padding:0}#puzzle-assesment-view .row,#puzzle-view .row{margin-left:10px;margin-right:10px}.puzzle-question-picture{height:18vw;margin-top:10px;padding-left:3vw;width:18vw}.puzzle-option-container{font-family:Andika;font-family:var(--puzzle-font);margin-bottom:.35vw;margin-top:1vw;width:100%}.puzzle-option-container *{font-family:Andika!important;font-family:var(--puzzle-font)!important}.puzzle-card>.puzzle-option>img{height:13vw;width:13vw}.puzzle-option.not-clicked{cursor:pointer;transition:.3s}.puzzle-option.not-clicked:hover{transform:scale(1.05);transition:.3s}.puzzle-option-text.not-clicked{cursor:pointer;transform:scale(1);transition:.3s;transition-property:none;transition-property:transform}.puzzle-option-text.not-clicked:hover{transform:scale(1.01);transition-property:none;transition-property:transform;transition:.3s}.puzzle-option{border:1px solid #ccc;border-bottom:none;margin:0;padding:0;position:relative;z-index:5}.puzzle-option.focussed{border:.25vw solid #25a596!important}.puzzle-option-text{align-items:center;display:flex;font-family:Andika!important;font-family:var(--puzzle-font)!important;font-size:2vw;height:3.5vw;margin:.35vw 0;padding:0 0 0 1vw;position:relative;width:100%;z-index:5}.puzzle-option-text.focussed{border:.2vw solid #25a596!important}.puzzle-option-text.notebook-puzzle-option{border:1px solid #ccc}.text-puzzle-option{background-color:#fff}.puzzle-option>.option-letter{background-color:#ccc;font-size:2vw;height:3vw;text-align:center;width:100%}#puzzle-assesment-view .puzzle-explanation,#puzzle-view .puzzle-explanation{font-family:Andika;font-family:var(--puzzle-font);font-size:2.2vw;font-weight:700;margin-bottom:0;margin-top:.5vw}.puzzle-submit-button{background-color:#ffb017;border:none;border-radius:10px;font-size:1.5vw;margin-top:.3vw;padding:5px 20px;transition:.5s;width:20vw}.puzzle-submit-button:not(:disabled):hover{transform:scale(1.05);transition:.5s}#assesment-view #assesment-next-level{background-color:#aecb2a}#assesment-view .assesment-start-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10vh}#assesment-view .assesment-start-screen *{font-family:Rajdhani}#assesment-view #assesment-start-button{background-color:#aecb2a;border:none;border-radius:2vw;font-size:10vw;font-weight:700;height:15vw;line-height:10vw;transition:.5s;width:40vw}#assesment-view #assesment-start-button:hover{transform:scale(1.05);transition:.5s}#assesment-view .assesment-start-screen>p{font-size:1.8vw;text-align:center;width:45vw}#assesment-view-button{padding:5px 20px}.assesment-viewonly-next,.assesment-viewonly-prev{font-size:1vw}.assesment-viewonly-next:hover,.assesment-viewonly-prev:hover{cursor:pointer}#assesment-view>.bad-job-feedback-static{background-color:#ffffffed;border:1px solid #00868d;border-radius:2vw;bottom:2vw;font-family:Rajdhani;height:10.5vw;opacity:0;padding:1vw;position:fixed;right:2vw;transform:translateY(-14vw);transition:.3s;width:20vw;z-index:5}#assesment-view .assesment-viewonly-next,#assesment-view .assesment-viewonly-prev{font-size:2vw}.test-screen{margin-bottom:0}.assesment-button-holder.locked>button{cursor:default;font-family:Rajdhani;opacity:.7}#assesment-next-level{font-size:1.5vw;height:3.2vw;margin-bottom:.6vw}.assesment-status-indicator-holder{align-items:center;display:flex;height:3vw;justify-content:center;margin:0;padding:0;width:3vw}.assesment-status-indicator{margin:0 0 0 .1vw;padding:0;width:3vw}#assesmentunderConstruction,#gameunderConstruction,#puzzleunderConstruction,#storyunderConstruction{display:flex;justify-content:center;margin-top:40vh;width:85vw}#assesmentunderConstruction h1,#gameunderConstruction h1,#puzzleunderConstruction h1,#storyunderConstruction h1{color:gray;font-weight:500}.giveup-button{background-color:#fe7d00;border:none;border-radius:10px;font-size:1.5vw;padding:5px 20px;transition:.5s}.giveup-button:hover{transform:scale(1.05);transition:.5s}.assesment-finish-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2vw 5vw 0}.assesment-finish-screen *{font-family:Rajdhani}.assesment-finish-screen h2{font-size:4vw;font-weight:700;margin:0}.assesment-finish-screen h3{font-size:3vw;font-weight:400;margin:0 0 .5rem}.assesment-finish-screen .table{font-size:2vw;margin:0 1vw;text-align:center;width:100%}#assesment-view-button{background-color:#ffb017;border:none;border-radius:10px;font-size:1.5vw;padding:7px 20px;position:absolute;right:2vw;top:5vw;transition:.5s}#assesment-view-button:hover{transform:scale(1.05);transition:.5s}.assesment-finish-table-holder{display:flex;justify-content:space-around;margin:2vw 0}.assesment-finish-table-cell{align-items:center;display:flex;flex-direction:column;padding-top:1vw}.assesment-finish-table-cell .colour-red{color:#f69940}.assesment-finish-table-cell .colour-green{color:#72b7ba}#notes-id{background-color:#ffb017;border:none;border-radius:10px;bottom:0;font-family:Rajdhani;font-size:1.5vw;margin:10px;padding:5px 20px;position:absolute}#notes-id:hover{transform:scale(1.05);transition:.5s}#assessment-python-view,#python-view{background-color:#fff;padding-left:0;padding-right:0}#python-view{height:90vh}#assessment-python-view{height:calc(90vh - 3vw)!important}#python-view>div.MuiGrid-root.MuiGrid-container.css-1d3bbye{height:calc(100% - 3vw)}#python-view>div.MuiGrid-root.MuiGrid-container.css-1d3bbye>div:first-child>div{border-right:1px solid #d3d3d3;font-size:1.2em;margin:0;padding:0 2em 2em}#python-instruction,.exercise-python-container{background-color:#fff}#python-instruction{border-right:1px solid #d3d3d3;box-sizing:border-box;font-size:1.2em;margin:0;overflow-y:auto;padding:0 2em 2em;position:relative}.python-drawer-box{align-items:center;display:flex;height:inherit;justify-content:center;position:absolute;z-index:1000}.python-drawer-box svg{background-color:#e2e7eae6;border-bottom-right-radius:1.5vw;border-top-right-radius:1.5vw;color:#00868d;font-size:2vw;height:4vw}.python-drawer-box svg:hover{cursor:pointer;font-size:3vw;padding-left:1vw;transition:.3s cubic-bezier(.075,.82,.165,1)}#python-instruction .python-instruction-title-container{display:flex;justify-content:center;line-height:2.8vw;margin:5px;padding:5px 30px 5px 25px}#assesment-view #python-instruction .python-instruction-title-container{padding:5px 25px!important}#python-instruction #python-instruction-title{font-size:2.8vw!important;margin:auto}#python-instruction code{font-size:.9em;padding:.5em}#python-instruction img{width:100%}.content-tab{flex:1 1;height:calc(90vh - 4.8vw - 40px)}.editor-container{border-top:1px solid #d3d3d3;height:calc(70% - 1px);margin:0;position:relative}.graphic-console{flex:1 1;height:calc(100% - 400px);width:400px}.editor{bottom:0;font-size:18px;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#info{border:1px dotted #000;max-width:800px}#output-console,.header{display:flex}.header{align-items:center;font-size:10px;font-weight:700;justify-content:space-between}.clear-icon{cursor:pointer}#output{background-color:#fff;border:.5px solid #ccc;color:green;font-weight:bolder;height:86%;margin:0;overflow-y:auto;width:100%}#python-editor button{margin:20px;padding:10px}#container{display:flex;justify-content:space-between}#container *,#container button{font-family:Rajdhani!important}#container button{font-size:1.5vw}#container button:disabled{background-color:#d3d3d3!important;cursor:default}#input{background:#0000;color:#fff;font-size:10px;height:11px;margin-left:10px;overflow:hidden;resize:none}#status-info{color:darkred;font-weight:bolder;height:10px;margin:20px}.error,.not-implemented{color:red}.btn-enabled{background-color:silver;color:#000}.btn-disabled{background-color:#fff;color:silver;cursor:not-allowed;pointer-events:none}.sketch-holder{border:1px solid #000;height:400px;margin:0;overflow:auto;position:relative;width:400px}.python-graphics-grid-overlay,.sketch-holder canvas{left:0;position:absolute;top:0}.python-graphics-grid-overlay{background-image:linear-gradient(90deg,#3232324d 1px,#0000 0),linear-gradient(180deg,#3232324d 1px,#0000 0);background-size:50px 50px;height:400px;pointer-events:none;width:400px;z-index:10}.python-graphics-grid-x-axis span,.python-graphics-grid-y-axis span{font-size:12px;line-height:12px;position:absolute}.grid-controls{left:5px;position:absolute;top:5px;z-index:20}#help-icon,.grid-toggle-btn{align-self:end;background:#0000;border:none;cursor:pointer;display:flex;padding:0 0 5px}.grid-toggle-btn img{height:20px;width:20px}#help-icon img{height:22px;margin-left:10px;width:22px}.grid-slider{background:#96969682;border-radius:4px;color:#fff;display:flex;margin-top:5px;padding:5px}.grid-opacity-slider{margin-left:10px;width:50px}.grid-slider.active{display:block}.console-container{background-color:#f0f0f0;height:30%;width:100%}#console-banner{background-color:#dddd;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;flex-direction:row;font-family:Inconsolata,Menlo,Consolas,monospace;font-size:.875em;height:27px;justify-content:space-between;margin:0;padding:0 14px}#console-banner p{margin:0;opacity:.6;padding-top:4px}#clear-console-btn{cursor:pointer;opacity:.7;width:20px}.console-box{background-color:#fff;border-bottom:.5px solid #dddd;border-left:.5px solid #dddd;border-right:.5px solid #dddd;box-sizing:border-box;height:calc(100% - 27px);padding-bottom:10px}.console{box-sizing:border-box;display:flex;flex-direction:column;font-family:Inconsolata,Menlo,Consolas,monospace;font-size:1em;height:80%;overflow-x:hidden;overflow-y:auto;padding:5px 14px;tab-size:4}.console .error-message{word-wrap:break-word;background-color:#fec9c9;border:1px solid #fea8a8;border-radius:6px;margin:5px 0;padding:10px;white-space:pre-wrap}.console .error-message p{font-size:1em;margin:0}.console .error-message p.error-header{font-weight:700}.console .console-text{word-wrap:break-word;font-size:1em;margin:0 10px;white-space:pre-wrap}.console code{background-color:#ffffff80;font-size:1em;margin:0 10px}.input-container{align-items:center;border:#b5b5b5;display:flex;height:20%;max-height:5vh;min-height:3vh;position:relative}#console-input-box{border:1px solid grey;border-radius:5px;font-size:1em;height:100%;margin:0 10px;padding-left:5px;padding-right:47px;width:calc(100% - 10px)}#console-input-box:focus{border:1px solid #25a596;box-shadow:none;outline:none}#send-input-button{align-items:center;background-color:#aecb2a;border:none;border-radius:5px;display:flex;height:calc(100% - 6px);justify-content:center;margin:0;position:absolute;right:14px;width:26px}.send-input-btn-icon{height:60%!important;width:90%!important}.send-input-btn-icon:disabled{cursor:default}.test-case-message{align-items:center;border-radius:7px;display:flex;justify-content:space-between;margin-bottom:10px;padding:5px 10px}.test-case-failed-content{border:1px solid #ffb017;border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top:none;margin-bottom:10px;margin-top:-15px;padding:10px}.graphic-window-panel{background-color:#fff;display:flex;flex-direction:column!important;padding-right:2px}.console:before{color:#b1afaf;content:"This is the python console. Output will appear here."}.console:not(:empty):before{display:none}.reset-code{margin-left:8px}#python-solution-button{margin:0 8px 0 16px}.secondary-nav{background-color:#d1d526;height:16vh;left:0;position:fixed;right:0;top:8vh;z-index:1000}.col{padding:0}.col,.secondary-nav .row{height:100%}.outer-cover{background:#fff;height:12vh;margin:0 0 0 2vw;width:12vh}.avatar-circle-main,.outer-cover{background-color:#fff;border-radius:50%;padding:0}.avatar-circle-main{align-items:center;display:flex;height:100%;justify-content:center;margin:0;width:100%}.avatar-circle-main>img{height:70%;margin:0;padding:0}.personal-info p{font-family:rajdhani-medium;font-size:1.8vw;line-height:2vw;margin:0;padding:0}#student-fullname{font-weight:700}.student-grade{font-size:1.3vw!important}.module-nav svg{height:100%;margin-left:0;padding-bottom:1vw;padding-top:1vw;width:70%}#module-1,#module-10,#module-11,#module-12,#module-13,#module-14,#module-15,#module-2,#module-3,#module-4,#module-5,#module-6,#module-7,#module-8,#module-9{cursor:pointer}.progress-module-header-container{justify-content:space-between}.overall-progress-module-header,.progress-module-header{font-family:rajdhani-semibold!important;font-size:4vh;margin:1vw;margin-top:4vw!important}.back-to-overall{cursor:pointer;font-size:3vh;margin:4vw 1vw 1vw}.module-completion-container{padding:0!important;width:100%}.module-completion-content{padding:0 2% 1%}.module-completion-row{display:flex}.module-completion-row-content-header{display:flex;text-align:center}.module-completion-row-content{width:100%}.module-completion-module-row{align-items:center;display:flex;margin:2vh 0}.module-completion-games,.module-completion-python{background-color:#cecece!important;border-radius:1.4vh;height:4vh;margin:0 auto;width:90%}.module-completion-games-content,.module-completion-python-content{align-items:center;background-color:#25a596!important;border-radius:1.4vh;display:flex;height:100%}.module-completion-game-give-up{border:.4vh solid #b30a74b3;height:calc(100% - .8vh)}.module-completion-games-progress,.module-completion-python-progress{color:#fff!important;font-size:2.5vh;margin-left:.5vw}.module-completion-puzzles{color:#fff!important;display:flex;font-size:2.5vh}.module-completion-puzzles-locked .module-completion-puzzles-status{background-color:#cecece!important}.module-completion-puzzles-status{align-items:center;border-radius:2vh;display:flex;height:4vh;justify-content:center;width:4vh}.module-completion-puzzles-correct-status{background-color:#aecb2a}.module-completion-puzzles-incorrect-status{background-color:#ff9a9b}.module-completion-puzzles-gave-up-status{background-color:#b30a74b3}.horizontal-bar-container{align-items:center;display:flex;width:calc(50% - 6vh)}.horizontal-bar-container .horizontal-bar{background-color:#bcbbbb;height:1px;width:100%}.color-status-container{display:flex;font-size:2vh}.module-completion-color-status{align-items:center;display:flex;padding-left:1vh}.module-completion-color-status-dot{border-radius:50%;height:1.5vh;width:1.5vh}.module-completion-color-status-dot.correct{background-color:#aecb2a!important}.module-completion-color-status-dot.incorrect{background-color:#ff9a9b!important}.module-completion-color-status-dot.gave-up{background-color:#b30a74b3!important}.module-completion-color-status-lable{padding-left:1vh}.skill-profile-container{font-size:3vh!important}.skill-profile-row{background-color:#cecece;border-radius:1.5vh;display:flex;font-family:rajdhani-medium;margin:3vh auto;min-height:4vh;overflow:hidden;width:90%}.skill-profile-label{align-items:center;display:flex;padding-left:2%!important;padding:.5vh;width:66%}.skill-profile-status{align-items:center;color:#fff;display:flex;justify-content:center;padding-left:2%;width:30%}.progress-module-header-container{align-items:center;display:flex;margin:0}.progress-downloads-btn-container{display:flex;margin:4vw 2vw 1vw}.certificate-download-btn,.overall-pogress-download-btn{background-color:initial;border:1px solid #00868d;border-radius:10px;color:#00868d;display:flex;font-family:rajdhani-medium;font-size:1.5vw;margin-left:15px;padding:3px;transition:.5s}.certificate-download-btn:hover,.overall-pogress-download-btn:hover{transform:scale(1.05);transition:.5s}.overall-pogress-download-btn svg{height:1.3vw!important;margin:auto;vertical-align:middle!important}.certificate-download-btn svg{height:1vw!important;margin:auto;width:1em}.certificate-download-btn:disabled,.overall-pogress-download-btn:disabled{color:#1010104d}.student-community-tab-list .MuiTab-root,.teacher-community-tab-list .MuiTab-root{max-width:100%!important}.student-community-tab-list button,.teacher-community-tab-list button{color:#000!important;font-family:rajdhani-medium!important;font-size:3vh!important;justify-content:flex-end!important;max-width:auto!important;padding:1rem 1rem .5rem!important;text-transform:none!important}.student-community-tab-list button:active,.teacher-community-tab-list button:active{background-color:initial!important}.student-community-tab-list button.Mui-selected,.teacher-community-tab-list button.Mui-selected{border-bottom:none!important;color:#00868d!important;font-family:rajdhani-semibold!important;position:relative!important}.student-community-tab-list button.Mui-selected:after,.teacher-community-tab-list button.Mui-selected:after{background-color:#00868d;bottom:0;content:"";height:1px;position:absolute;right:1rem;width:calc(100% - 2rem)}.select-project-heading{margin:2vh 2vh 0!important}.playground-create-projects-container,.playground-projects-container{display:flex!important;flex-wrap:wrap;padding:0!important}.playground-create-projects-container .project-card,.playground-projects-container .project-card{transition:transform .5s ease-in-out}.playground-create-projects-container .project-card:hover,.playground-projects-container .project-card:hover{transform:scale(1.05)}.playground-create-projects-container .project-card-content-container,.playground-projects-container .project-card-content-container{align-items:center;background-color:#e2e2e2;display:flex;flex-direction:row;height:13vh;justify-content:space-between}.project-icon-container{align-items:center;aspect-ratio:1;display:flex;justify-content:center;min-width:60px;overflow:hidden;padding:0 5% 0 10%;position:relative;width:35%}.project-icon-svg{flex-shrink:0;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.project-title-container{align-items:center;display:flex;height:100%;justify-content:center;min-width:0;overflow:hidden;width:65%}.project-title-container .project-title{word-wrap:break-word;font-family:rajdhani-semibold;font-size:2.5vh!important;line-height:100%!important;margin-bottom:0;overflow:hidden;padding:10% 20% 10% 5%;text-align:start!important;white-space:wrap;width:100%}.project-creator-name-container{align-items:center;display:flex;height:100%;min-width:80%}.create-project-avatar{color:#868686!important}.outer-cover-small{align-items:center;aspect-ratio:1/1;border-radius:50%;display:flex;height:2vw;justify-content:center;margin:0;max-height:2vw;max-width:2vw;min-height:2vw;min-width:2vw;padding:0;width:2vw}.project-card-content-content .student-name{font-family:rajdhani-medium;font-size:2.5vh!important;line-height:1!important;margin-bottom:0;overflow:hidden;padding-left:5%;text-align:start!important;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 1em)}.playground-create-projects-container .project-card-content .project-card-add-icon,.playground-projects-container .project-card-add-icon{height:100%;opacity:.5;width:100%}.playground-create-projects-container .project-card-content-content,.playground-projects-container .project-card-content-content{align-items:center;background-color:#eee;display:flex;padding:1vh 1vw}.playground-create-projects-container .user-project-card,.playground-projects-container .user-project-card{border-radius:2.7vh;margin:1.5% .7%;width:18.5%}.playground-create-projects-container .create-project-card,.playground-projects-container .create-project-card{margin:0 1.5% 2%!important;width:29%!important}.playground-create-projects-container .selected-project-card,.playground-projects-container .selected-project-card{border:3px solid #4f4f4f!important;transform:scale(1.1)}.create-project-headings{align-items:center;display:flex;justify-content:space-between}.create-project-headings .select-project-heading{font-family:rajdhani-semibold!important;font-size:1.9rem!important}.create-project-headings .project-name-heading{align-items:flex-start;font-family:rajdhani-medium!important;font-size:2.5vh!important;margin-top:.6rem!important}.create-project-modal>.MuiDialog-container>.MuiPaper-root{background-color:#fff!important}.create-project-dialog{margin-bottom:1.5rem!important;padding:0 0 0 25px!important}.create-project-dialog .playground-create-projects-container{height:28vh;overflow:auto;padding:3vh 0!important}.create-project-dialog .playground-create-projects-container .create-project-card{border:none;border-radius:2.7vh!important;padding:0!important;position:relative!important}.create-project-dialog .playground-create-projects-container .create-project-card .project-card-content-content{background-color:#eee!important}.create-project-dialog .MuiOutlinedInput-root{border-radius:.7rem;font-family:rajdhani-semibold;font-size:larger}.create-project-dialog .MuiOutlinedInput-root input{-webkit-text-fill-color:#000!important;caret-color:#000;font-size:1.5rem;padding:2px 1rem}.create-project-dialog .project-not-selected{background-color:#e2e7ea}.create-project-dialog .project-not-selected fieldset{border-style:none}.create-project-dialog .project-not-selected input{-webkit-text-fill-color:#bcbbbb!important;color:#bcbbbb}.create-project-dialog .reach-limit-message-container{align-items:center;display:flex;flex-direction:column;font-size:2rem;justify-content:center;margin-right:25px}.create-project-dialog .reach-limit-message-container p{line-height:3rem;margin:0!important;text-align:center}.create-project-action-container{justify-content:end!important;margin-right:1.5rem!important}.project-name-input-container{max-width:60%;min-width:50%}.create-project-error-message{color:red;font-family:rajdhani-medium;font-size:1.25rem;margin:.5rem 0 0 1rem}.playground-header-delete-button-container{align-items:center;display:flex;height:100%;justify-content:center}.project-delete-button{color:gray;cursor:pointer;font-size:2.75vw!important;transition:transform .2s ease-in-out}.project-delete-button:hover{transform:scale(1.1)}.project-status-icon-container{bottom:.4vw;position:absolute;right:.65vw}.project-status-icon-container svg{height:2vw;object-fit:contain;width:1.7vw}.playground-header-status-icon-container{align-items:center;display:flex;height:100%}.playground-header-status-icon-container svg{height:2.75vw!important;line-height:2.2vw!important;object-fit:contain}.playground-container{font-family:rajdhani-regular;margin:0!important;padding:0!important}.playground-content{height:90vh;margin-bottom:2vh;position:fixed;top:8vh;width:100%}.playground-content .playground-content-wrapper{height:100%;overflow-y:scroll;padding:0 2%;width:96%}.playground-content .playground-content-wrapper #game-view #blocklyArea{height:400px;width:calc(100% - 400px)}.playground-content .playground-content-wrapper #game-view #blocklyArea #blockly{height:30vw;width:47vw}#playground-container{display:flex;justify-content:space-between}#playground-container *{font-family:rajdhani-semibold}#playground-container button,.playground-main-container button{font-family:Rajdhani!important;font-size:1.5vw}#playground-container button:disabled .playground-main-container button:disabled{background-color:#d3d3d3!important;cursor:default}.actions-wrapper{align-items:center;display:flex;font-family:rajdhani-semibold;justify-content:space-between;margin:1vh 0}.actions-wrapper .return-community-button{color:#000;text-decoration:none}.actions-wrapper .return-community-button .playground-return-home,.community-show-more-button{cursor:pointer;font-size:1.8vw}.actions-wrapper .return-community-button .playground-return-home img{margin-bottom:3px;margin-right:5px;width:15%}.actions-wrapper .return-community-button .back-text{font-family:rajdhani-medium!important;margin-bottom:2px;text-transform:none!important}.actions-wrapper .game-set-name{margin:0}.actions-wrapper #game-delete-button,.actions-wrapper #game-publish-button{background-color:#ffb017;font-family:rajdhani-medium;font-size:1.5vw;line-height:2.2vw}.action-buttons-container-right{align-items:center;display:flex;justify-content:flex-end}.action-buttons-container-right>*{margin-left:1vw}.actions-wrapper .project-status-indicator,.actions-wrapper .student-name{font-family:rajdhani-semibold;font-size:1.5vw;margin:0 1vw 0 0}.community-container{max-height:76vh;overflow-y:auto;padding:0!important}.community-container .community-container-content{height:100%;margin-left:0!important;width:100%!important}.community-container .community-container-content .user-community-project-wrapper{height:100%;overflow-y:auto;padding-left:0!important}.community-container .community-container-content .create-project-wrapper{height:100%;overflow-y:auto}.playground-headings{align-items:center;display:flex;font-family:rajdhani-semibold!important;font-size:3vh!important;justify-content:space-between;margin:.5% 0 0 .7%!important}.expand-section-button-container{align-items:center;bottom:calc(-3vh - .25vw);display:flex;justify-content:flex-end;position:absolute;right:1.8vw}.expand-section-button{border:.3vh solid #00868d!important;border-radius:1.1vh!important;color:#00868d!important;font-family:rajdhani-medium!important;font-size:2.5vh!important;height:4vh!important}.expand-section-button-icon{font-size:2.8vh!important}.community-project-cards-container{display:flex;flex-wrap:wrap;width:100%}.teacher-community-project-container{box-sizing:border-box;max-width:100vw;padding:0 1vw;position:absolute;top:8vh;width:100%}.no-community-projects{border-radius:1vw;font-family:rajdhani-medium;padding:2vw;width:100%}.no-community-projects p{font-size:2vw;line-height:2.2vw;margin:0;text-align:center}.project-description-container{padding-bottom:2vh}.project-description-container #description-save-button{font-family:rajdhani-medium;font-size:1.5vw;line-height:2.2vw;margin-top:1vh}.project-description-container .project-description-header{display:flex;padding-bottom:1vh}.project-description-container .project-description-header .project-description-title{align-self:center;font-family:rajdhani-semibold;font-size:1.7vw;margin:0}.project-description-container textarea{color:#000!important;opacity:.8}.select-project-header-container{align-items:flex-start;display:flex}.playground-container #python-delete-button,.playground-container #python-publish-button{background-color:#ffb017;font-family:rajdhani-medium;font-size:1.5vw;line-height:2.2vw}.playground-container #python-publish-button{margin-right:1vw}.playground-python-editor-container{border-top:1px solid #d3d3d3;height:calc(100% - 1px);margin:0;position:relative}.playground-graphic-window-panel .console-box{display:flex!important;flex-direction:column!important;justify-content:space-between!important}.playground-graphic-window-panel .console{height:auto!important}.project-cards-container{background:#dbdbdb!important;border-radius:3.11vh!important;margin:1vw!important;padding:.75vw 1.5vw!important;width:100%!important}.playground-header-section{align-items:center;display:flex;gap:2rem;justify-content:space-between}.playground-title-container{align-items:center;display:flex;gap:1rem}.teacher-community-tab-wrapper{background-color:initial;border-radius:6px;padding:2vh}.teacher-community-header{align-items:center;display:flex;font-family:rajdhani-semibold;justify-content:space-between;margin:1vh 0}.teacher-community-header .return-community-button,.teacher-community-header .teacher-community-spacer{flex:0 0 auto;min-width:120px}.teacher-community-header .return-community-button{color:#000;display:flex;justify-content:flex-start;text-decoration:none}.community-show-more-button,.teacher-community-header .return-community-button .playground-return-home{cursor:pointer;font-family:rajdhani-medium!important;font-size:1.8vw!important}.teacher-community-header .return-community-button .playground-return-home img{margin-bottom:3px;margin-right:5px;width:15%}.teacher-community-header .teacher-community-heading{align-items:center;display:flex;font-family:rajdhani-semibold!important;font-size:3.5vh!important;justify-content:space-between;margin:.5% 0 0 .7%!important}html{background-color:#e2e7ea}body{margin:0;padding:0}.side-nav{bottom:0;display:flex;flex-direction:column;font-family:rajdhani-medium;left:0;position:fixed;top:24vh;width:15%}.side-nav button{background:#e2e7ea;border:none;border-radius:0;border-right:1px solid #b1b1b6;cursor:pointer;height:25%;margin:0;padding:2%;width:100%}.side-nav button:hover{text-decoration:none}.side-nav button>div{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:center}.side-nav button>div:hover{transform:scale(1.1);transition:.5s;transition-property:transform()}.side-nav button div div{display:flex;height:77%;justify-content:start;width:55%}.side-nav .community div div{width:59%}.side-nav button p,.side-nav button:hover p{font-family:rajdhani-medium}.side-nav button p{color:#000;font-size:1.5vw;line-height:1;margin:0;transition:.5s}.side-nav-tab-selected{font-family:rajdhani-semibold!important}.side-nav button img{background-repeat:no-repeat;background-size:contain;height:90%;width:100%}.side-nav .selected{background-color:#ff9a9b40;border-right:.4vw solid #b30a74!important}.content{font-family:rajdhani-medium;margin-left:15%;margin-top:24vh;overflow:hidden}.content.progress-container,.letswork-content{padding:0!important}.locked-box,.progress-locked-box{border-radius:1vw;margin:10vw 1vw auto;padding:2vw}.no-community-playground{background-color:#f5f5f5;border-radius:1vw;margin:8vw 4vw auto;padding:2vw}.locked-box p,.no-community-playground p,.progress-locked-box p{font-size:4.5vh;line-height:2.2vw;margin:0;text-align:center}.dashboard-module-header,.module-header{font-family:rajdhani-semibold;font-size:1.8vw;margin:0}.dashboard-module-header{margin:4vw 1vw 1vw!important}.module-details{display:flex;padding:.5vw 1vw 0}.module-buttons-container{width:22%}.module-image-container{margin-bottom:2vh;width:45%}.module-calender-container{padding:0 0 0 2vw;width:33%}.module-container{align-items:center;display:flex;flex-direction:column}.module-buttons{margin-top:2vw}.module-container-labels{display:flex;flex-direction:column;font-size:2vw;justify-content:space-between;margin-bottom:.7vw;margin-top:1vw}.module-container-labels p{font-family:rajdhani-medium;font-size:1.5vw;margin:0;width:100%}.module-container svg.nav-button{display:block;transition:.5s;width:4.5vw}.module-container svg.nav-button:hover{cursor:pointer;transform:scale(1.1);transition:.5s}.disable-exercise-notebook{opacity:.5;pointer-events:none}.module-container img.bar{width:.08vw}.content-content .snapshot-holder{border-radius:6%;height:100%;overflow:hidden}.content-content .snapshot-holder:hover img{transform:scale(1.1);transition:.5s;transition-timing-function:ease}.snapshot-img{cursor:pointer;height:100%;transition:.5s;transition-timing-function:ease;width:100%}.module-container-labels div{align-items:center;display:flex;width:100%}.module-container-labels .ongoing-pointer p{font-family:Rajdhani-SemiBold!important}.module-container-labels .ongoing-pointer:after{border-bottom:1.35vw solid #0000;border-right:1.8vw solid #ff9a9b;border-top:1.35vw solid #0000;content:"";left:0;overflow:hidden;position:relative;top:0;transform:translateX(0)}.footer-box>.assignment-box,.footer-box>.badges-box{height:3vw}.assignment-box p{font-size:1.4vw;line-height:1.5vw;margin:0}.module-calender{height:50vh;margin:auto;width:80%}.badges-box p{font-size:2vw;margin-bottom:0;margin-right:1vw}.module-bar .step{background-color:#e2e7ea;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;color:#000;cursor:default;cursor:pointer;float:left;font-family:rajdhani-medium;font-size:15px;margin:0;padding:6px 10px 6px 30px;position:relative;text-align:center;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.module-bar .step:after,.module-bar .step:before{border-bottom:17px solid #0000;border-left:19px solid #e2e7ea;border-top:17px solid #0000;content:" ";height:0;position:absolute;right:-18px;top:0;transition:border-color .2s ease;width:0;z-index:2}.module-bar .step:before{border-left:19px solid #c9c9c9;left:0;right:auto;z-index:0}.module-bar .step:first-child:before{border:none}.module-bar .step:first-child{border-bottom-left-radius:4px;border-left:1px solid #c9c9c9;border-top-left-radius:4px;color:#000;font-family:rajdhani-medium;font-size:15px;width:10%}.module-bar .step:last-child{border-radius:0 1.5px 1.5px 0;border-right:2px solid #c9c9c9}.module-bar .step:last-child:after{display:none}.module-bar .step span{position:relative}.module-bar .step span:before{color:#06ac77;content:"✔";left:-20px;opacity:0;position:absolute;top:-2px}.module-bar .step.done span:before{opacity:1;transition:opacity .3s ease .5s}.module-bar .step.completed{background-color:#25a596!important}.module-bar .step.completed:after{border-left:19px solid #25a596!important}.module-bar .step.incomplete{background-color:#fe7d00!important}.module-bar .step.incomplete:after{border-left:19px solid #fe7d00!important}.module-bar .step.ongoing{background-color:#aecb2a!important}.module-bar .step.ongoing:after{border-left:19px solid #aecb2a!important}.module-bar .step.locked{background-color:#dbdbdb}.module-bar .step.locked:after{border-left:19px solid #dbdbdb}.module-bar .step.completed.active{background-color:#00868d!important}.module-bar .step.completed.active:after{border-left:19px solid #00868d!important}.module-bar .step.incomplete.active{background-color:#fe6a00!important}.module-bar .step.incomplete.active:after{border-left:19px solid #fe6a00!important}.module-bar .step.locked.active{background-color:#adadad!important}.module-bar .step.locked.active:after{border-left:19px solid #adadad!important}.module-progress-bar-container,.module-status-bar{overflow:hidden;position:absolute;width:85%}.module-status-bar{display:flex;flex-direction:column;position:fixed!important;z-index:1000}.progress-header{font-family:rajdhani-semibold!important;font-size:3.5vh!important}.overall-progress-content-container .progress-header{margin:.5vw 1vw!important;padding:1vh 2vh 2vh 1vh!important}.progress-content-container .progress-header{margin:.5vw 1vw 0!important}.module-completion-sub-header{font-family:rajdhani-semibold!important;font-size:3vh!important;margin:0 1vw!important}.module-completion-module-label{font-family:rajdhani-medium!important;font-size:3vh!important;margin:0 1vw!important}.module-completion-header{display:flex;justify-content:space-between;padding-right:3vh!important}.progress-content{max-height:76vh;overflow:auto;overflow-x:hidden}.progress-content h2{font-size:3vw;text-align:center}.progress-content h2,.progress-content h3{font-family:rajdhani-bold;font-weight:700;margin:0}.progress-content h3{font-size:2.5vw}.progress-content hr{border:0;border-top:1px solid #0000001a;margin:.3vw auto!important;width:90%}.overall-progress-content-container,.progress-content-container{margin:0 2vh 2vh!important;width:calc(100% - 4vh)!important}.module-completion-container,.progress-exercise-assesment,.progress-feedback-rewards,.skill-profile-recent-rewards{justify-content:space-between}.skill-profile-recent-rewards{padding:0!important}.progress-feedback-rewards,.skill-profile-recent-rewards{padding-top:3vh!important}.module-completion-progress,.progress-assesment,.progress-exercise-container,.progress-feedback,.progress-rewards,.recent-rewards,.skills-profile{background-color:#dbdbdb;border-radius:1vw;height:100%;margin:auto auto 2vh!important}.progress-exercise-container{display:flex;flex-direction:column!important;justify-content:space-between}.progress-exercise-container .demolevel-label{font-family:rajdhani-medium;font-size:1.8vh;height:fit-content;margin:.5vw 1vw!important;text-align:left;width:100%}.progress-exercise-container .demolevel-label p{margin:0}.progress-exercise{justify-content:space-evenly}.bar-container{display:flex;height:2vh;justify-content:center;width:4vh}.bar-container .vertical-bar{background-color:#bcbbbb;height:100%;width:1px}.assesment-bar-container{width:20%!important}.progress-exercise-type-content{margin:0 1vw}.assesment-header-row,.exercise-header-row{background:#0000!important;font-family:rajdhani-semibold!important;margin-bottom:1vh!important}.assesment-header-row-label,.assesment-total-row,.exercise-header-row-label{background-color:initial!important}.assesment-total-row{border:1px solid #707070}.assesment-total-row-label{background-color:initial!important;font-size:2.5vh!important}.assesment-total-score{font-size:3vh!important}.feedback-box{align-items:center;display:flex;justify-content:center;margin:1vw 0}.feedback-box>svg{height:4.5vw;margin:0 .3vw;width:6vw}#assesment-tab{padding:0 2vw}.assesment-notdone-view,.rewards-coming-soon{display:flex;flex-direction:column;font-family:rajdhani-medium;font-size:2.5vh;text-align:center}.assesment-header-row,.assesment-row,.exercise-header-row,.exercise-row{background:#d1d526b3;border-radius:1.4vh;font-size:2.5vh;height:4vh;overflow:hidden;text-align:center;width:100%}.assesment-row,.exercise-row{font-family:rajdhani-medium!important}.exercise-header-row,.exercise-row{border-bottom-left-radius:2vh!important;border-top-left-radius:2vh!important}.assesment-row-label,.exercise-row-label{align-items:center;background-color:#cecece;display:flex;font-size:2vh;justify-content:center}.assesment-row-label{width:20%}.exercise-row-label{border-radius:2vh;width:4vh}.assesement-row-content,.exercise-row-result{align-items:center;display:flex;float:right;height:inherit;justify-content:center}.exercise-row-result{margin-left:auto;width:calc(100% - 8vh)}.assesment-empty{width:22%}.assesment-result{width:38%}.assesment-score{width:20%}.gave-up{background-color:initial!important}.gave-up .assesment-empty,.gave-up .assesment-result,.gave-up .assesment-score{border-bottom:.4vh solid #b30a74b3!important;border-top:.4vh solid #b30a74b3!important;height:3.2vh!important}.gave-up .assesment-score{border-bottom-right-radius:1.4vh!important;border-right:.4vh solid #b30a74b3;border-top-right-radius:1.4vh!important;width:calc(20% - .4vh)}.progress-loading-box{display:flex;justify-content:center;margin-top:20vh}.game-holder,.puzzle-holder{width:90%}.headers{margin-top:1vw;padding-left:1.5vw;text-align:center;width:100%}.headers p{font-family:rajdhani-bold;font-size:1.5vw;font-weight:700;margin-bottom:.2vw;margin-top:0}.headers .col{flex:1 1}.table-cells>div{border-radius:2vw;height:2.5vw;margin-bottom:.5vw}.table-cells .row{padding-left:1.5vw;width:100%}.table-cells .col,.table-cells .row{align-items:center;display:flex;justify-content:center}.table-cells .col{flex:1 1}.table-cells .good{background-color:#72b7ba}.table-cells .bad{background-color:#f69940}.table-cells .grey{background-color:#cecece}.table-cells .grey .total-header{font-size:1.5vw;font-weight:700}.table-cells p{font-family:rajdhani-medium;font-size:1.7vw;margin:0}.construction-img img{height:60vh;width:70vw}.parents-content{max-height:76vh;overflow:auto;overflow-x:hidden}.parents-content .parents-markdown{text-wrap:wrap;background-color:#fff;font-size:1.3vw;margin-top:4vw!important;margin:1vw;padding:3vw}.parents-content .parents-markdown>h1{margin-top:0}.parents-content p{margin-bottom:1rem;margin-top:0}.calender-view{border-bottom-left-radius:6% 9%;border-bottom-right-radius:6% 9%;border-top-left-radius:6% 9%;border-top-right-radius:6% 9%;height:18vw;margin:auto;overflow:hidden;width:100%}.calender-view .MuiDayPicker-weekContainer .Mui-selected{background-color:#fff;color:inherit!important;font-weight:400!important}.calender-view .MuiDayPicker-weekContainer .Mui-selected:focus{background-color:#fff}.calender-view .MuiPickerStaticWrapper-root{background-color:#ff8c776b;background-color:#f9b4d6;height:100%}.calender-view .MuiPickerStaticWrapper-root .MuiPickerStaticWrapper-content{height:100%;min-width:100%}.calender-view .MuiCalendarOrClockPicker-root{height:100%}.calender-view .MuiCalendarOrClockPicker-root>div{height:100%;width:100%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root{box-sizing:border-box;height:100%!important;margin:auto;overflow:hidden;padding:1vw 1vw 0;width:100%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-root{border-bottom:1px solid #ddd;margin:0;max-height:25%;min-height:25%;padding:0}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .MuiPickersArrowSwitcher-spacer{display:none}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-root .Mui-disabled{opacity:.6}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root>div:last-child{height:75%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root>div:last-child>div{height:100%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-labelContainer{flex:1 1;font-family:rajdhani-medium;height:100%;max-height:100%;pointer-events:none}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-labelContainer .MuiPickersFadeTransitionGroup-root{width:40%}.calender-view .MuiPickersCalendarHeader-label{align-items:center;border-right:1px solid #bababa;display:flex;font-size:1.3vw!important;height:100%;justify-content:center;padding-right:2px;text-align:center;width:35%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-labelContainer .module-session-details{display:flex;flex-direction:column;font-size:.95vw}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersCalendarHeader-labelContainer .MuiPickersCalendarHeader-switchViewButton{display:none}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersFadeTransitionGroup-root{height:100%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersFadeTransitionGroup-root>div{height:100%;justify-content:center;padding-right:2px;width:auto!important}.calender-view .MuiCalendarOrClockPicker-root>div .MuiCalendarPicker-root .MuiPickersFadeTransitionGroup-root>div>div{height:100%}.calender-view .MuiDayPicker-header{height:15%}.calender-view .PrivatePickersSlideTransition-root{height:85%;min-height:85%}.calender-view .MuiCalendarOrClockPicker-root>div .MuiPickersFadeTransitionGroup-root>div>div .PrivatePickersSlideTransition-root{height:85%;min-height:85%;overflow:hidden}.calender-view .MuiDayPicker-monthContainer{height:100%;overflow-y:auto}.calender-view .MuiDayPicker-weekContainer{align-items:center;height:15%;margin:0}.calender-view .MuiDayPicker-weekDayLabel,.calender-view .MuiPickersDay-root{font-size:.8vw!important;height:100%;width:100%}.calender-view .MuiPickersArrowSwitcher-button img{filter:brightness(0) invert(1);height:100%;object-fit:cover;width:100%}.calender-view .MuiPickersArrowSwitcher-button svg{display:none}.calender-view .MuiPickersArrowSwitcher-button>div{align-items:center;background-color:#ffb017;border-radius:4px;display:flex;height:.6vw;padding:5px;width:.6vw}.student-dashboard-feedback{background-color:#ffcfc680;border-radius:1vw;border-bottom-left-radius:6% 18%;border-bottom-right-radius:6% 18%;border-top-left-radius:6% 18%;border-top-right-radius:6% 18%;margin:2.5vh 0 2vh!important;padding:1vh 2vh}.feedback-header{font-family:rajdhani-medium!important;font-size:1.5vw!important;padding:1vh 3vh 0}.curriculum-map-container{background-color:#dde9f5;height:100%}.curriculum-map{display:flex;height:100%;justify-content:space-between;padding:5px}.grid-container{background-color:#fff;border-radius:4px;height:79vh;width:100%}.loader-container{align-items:center;background:#85858747;display:flex;height:inherit;height:100%;justify-content:center;left:0;position:absolute;top:0;width:inherit;z-index:1000}@font-face{font-family:Andika;src:url(/static/media/Andika-Regular.2f136f75525c399d97bc.ttf)}@font-face{font-family:Andika;font-weight:700;src:url(/static/media/Andika-Bold.0c316f44ce1e19321e57.ttf)}.notebook-container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:rajdhani-medium;height:92vh;left:8vw;position:fixed;top:8vh;width:92vw}.notebook-title-header{align-items:center;background-color:#e2e7ea!important;display:flex;font-family:rajdhani-medium;justify-content:space-between;padding:0 1vw;position:sticky;z-index:1}.assessmentnotebook-container,.exercisenotebook-container{overflow:auto}.assessmentnotebook-container .cell-container,.exercisenotebook-container .cell-container{overflow:hidden}.notebook-assessment-levels,.notebook-exercise-levels{border:1px solid #00868d;margin:1vw;overflow:hidden}.notebook-assessment-levels .text-cell,.notebook-exercise-levels .text-cell{margin:2vh 1.5vw}.notebook-assessment-levels #panel1-header,.notebook-exercise-levels #panel1-header{background-color:#00868d;color:#fff;font-size:1.5vw;min-height:0!important;min-height:auto!important}.notebook-drawer-box{left:0}.python-cell-container #python-instruction{padding:0 15px 15px!important}.python-cell-container #python-instruction p{font-size:1.6vw!important}.python-cell-container #python-instruction h2{font-size:1.9vw!important}.graphic-mode-python-container .python-code-editor-container,.graphic-mode-python-container .python-instruction-container{width:calc(50% - 200px)!important}.cell-container .text-cell{font-family:rajdhani-medium;font-size:1.8vw}.cell-container .text-cell p{margin:0}.cell-container .text-cell img{display:block;margin:auto;max-width:90%}.cell-container .nav-button{padding-right:.2vw;width:3vw!important}.blocklyWidgetDiv{z-index:1000!important}#notebook-game-view *{font-family:Rajdhani}#notebook-game-view .show-notebook-game-solution-btn{display:flex;font-size:1.5vw;justify-content:flex-end;margin-left:auto!important;position:relative!important;width:50vw}.notebook-game-content-wrapper{display:flex;justify-content:center}.notebook-game-content-wrapper,.notebook-game-content-wrapper *{font-family:sans-serif!important}.notebook-game-action-buttons{align-self:flex-start;display:flex;font-size:1.5vw;justify-content:space-between;margin-left:calc(50% - 42.5vw);width:30vw}.notebook-game-action-buttons *{font-size:1.5vw}.game-cell .notebook-game-instructions-box{align-items:center;background-color:#ff9a9b;border-radius:1vw;display:flex;justify-content:flex-start;margin:auto auto 1vh;min-height:4.5vw}.notebook-game-instructions-box img{height:90%;margin-left:1vw}#notebook-game-instructions{flex:1 1 auto;font-family:Andika;font-size:1.5vw;line-height:1.7vw;margin:0 5px 0 20px;padding:1.5vh 0}.cell-container #puzzle-view{padding:0!important}.cell-container .puzzle-title{font-family:rajdhani-semibold!important}.cell-container .puzzle-explanation-text,.cell-container .text-puzzle-option{font-family:rajdhani-medium!important;font-size:1.6vw!important}.cell-container .puzzle-explanation{font-family:rajdhani-semibold!important}.correct-option{background-color:#aecb2a!important;border:1px solid #aecb2a!important}.wrong-option{border:1px solid #fe7d00!important}.image-wrong-option,.wrong-option{background-color:#fe7d00!important}.cell-container .option-letter{align-items:center;border:none!important;display:flex;font-family:rajdhani-medium!important;font-size:1.6vw!important;justify-content:center}.cell-container .puzzle-question-text{font-family:rajdhani-medium!important;font-size:1.6vw!important;padding-bottom:1vh}.cell-container .table-cell{align-items:center;display:flex;flex-direction:column;justify-content:center}.cell-container .table-cell .table-title{display:flex;font-family:rajdhani-semibold;font-size:2.4vw!important;justify-content:center;margin:0;padding-bottom:1vw;width:100%}.cell-container .table-cell .table-content{font-family:rajdhani-medium;font-size:1.6vw!important;max-height:60vh;max-width:100%;overflow:auto}.table-cell table{border-collapse:collapse;margin:0}.table-cell table td,.table-cell table th{border:1px solid #ddd;padding:10px;text-align:center}.notebook-button-holder button{align-items:center!important;display:flex!important;justify-content:center!important;margin:.5vw 0!important}.notebook-button-holder .active{transform:scale(1.2)!important}.notebook-button-holder .giveup-level{border:.2vw solid #b30a74!important}.notebook-button-holder>img{width:1vw}.notebook-side-nav svg.nav-button{width:5vw}.notebook-side-nav{align-items:center;display:flex;flex-direction:column;justify-content:space-between!important;padding-bottom:2vh;width:8vw}.notebook-side-nav #notes-id{position:relative!important}.notebook-help-video-btn .watch-help-video{align-items:center;background-color:#ff9a9b!important;background-color:#fff6;border:none;border-radius:.5vw;display:flex;flex:0 0 auto;font-family:rajdhani-medium;font-size:1.5vw;margin:0!important;margin-right:1vw;padding:.2vw .5vw!important;padding:0 .5vw;transition:.3s}.notebook-help-video-btn .watch-help-video:hover{transform:scale(1.1);transition:.3s}.notebook-help-video-btn .watch-help-video img{margin:3px;width:2vw}.datepicker-container{z-index:2000!important}.datepicker-container li{font-size:1vw}#assign-module-modal .modal-body{height:40vh;width:50vw}.modal-deadline-picker{align-self:center;justify-content:center;width:70%}.modal-deadline-picker,.module-dates{align-items:center;display:flex;flex-direction:column}.module-dates{align-items:start;font-size:1.5vw;margin:auto;width:80%}.module-assigned-date,.module-completion-date{display:flex;width:100%}.module-set-completion-date{width:100%}.module-assigned-date>span:first-child,.module-completion-date>span:first-child{align-self:center;margin-right:2%}#assign-module-modal p{font-size:1.5vw;margin-bottom:0}.input-group{display:flex;flex-wrap:wrap;height:3vw;position:relative}.react-datepicker__input-container{height:100%}.react-datepicker__header{background-color:#fff!important;border:none!important;padding-bottom:0!important}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{flex:1 1 auto;margin-bottom:0;min-width:0;position:relative;width:1%}.input-group img{width:2vw}.input-group input{background-color:#fff!important;border:none;border-radius:1vw 0 0 1vw;font-family:rajdhani-medium;font-size:1.5vw;height:100%;padding-left:.7vw}#basic-addon2{background-color:#dedede;border:none;border-radius:0 1vw 1vw 0;cursor:pointer;display:flex;height:100%;margin:0;padding:0 1vw}button:focus{outline:none}.teacher-dashboard-container{font-family:rajdhani-medium;height:100%;left:0;line-height:1.5;position:fixed;right:0;top:8vh}#return-assigned-courses{align-items:center;display:flex}.return-dashboard .arrow-back-icon{margin-bottom:2px;margin-right:-4px;width:32%}.return-dashboard{cursor:pointer;font-size:1.4vw;margin:1vw 0}.teacher-dashboard-module{display:flex;height:100%}.teacher-dashboard-side-nav{align-items:center;background-color:#cfd8d3;box-sizing:border-box;display:flex;flex-direction:column;font-family:rajdhani-medium;font-size:1.5vw;height:92vh;overflow-y:auto;width:12vw}.teacher-dashboard-side-nav .module-fetch-button{cursor:pointer;margin:0 0 1rem!important}.dashboard-module-content{box-sizing:border-box;display:flex;flex-direction:column;font-family:rajdhani-medium;height:100%;margin:0;padding:.3vw 2vw 0}.teacher-dashboard-header{align-items:center;display:flex;font-size:10px;font-weight:700;justify-content:space-between;padding:.5vw 0}.teacher-dashboard-header p{font-size:2vw;font-weight:100;margin:0}.assign-module-button,.confirm-deadline,.see-work,.view-module{background-color:#ffb017;border:none;border-radius:10px;font-family:inherit;font-size:1.3vw;line-height:1.5;padding:5px 20px;transition:.5s}.see-work{background-color:#f1bdbf;font-size:1.5vw;margin-bottom:1vw;margin-left:1vw;padding:0 5vw;width:40%}.see-work-icon{height:1.5vw}.assign-module-button:hover,.confirm-deadline:not(:disabled):hover,.see-work:hover,.view-module:hover{transform:scale(1.05);transition:.5s}.confirm-deadline{font-size:1.5vw!important;margin-top:1vw!important;margin:1vw 2.5%;padding:5px 20px!important;width:95%!important}.dashboard-module-content .assigned-date{border-radius:1vw;padding:.1vw .3vw}.dashboard-module-content .deadline-date{border-radius:1vw;cursor:pointer;padding:.1vw .4vw}.dashboard-module-content .deadline-date:hover{background-color:#ccc}.assigned-display{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.assigned-display>p{font-size:1.3vw;line-height:1.6vw}.dashboard-module-content hr{border-color:#00868d;border-left:0;border-right:0;border-top:1px solid #0000001a!important;margin:.3vw 0;opacity:.5}.information-box{display:flex;flex-direction:row;flex-grow:1;margin:.5vw 0 0;overflow:auto;width:100%}.students-box{box-sizing:border-box;flex-direction:column;height:98%;overflow:auto;padding:0 1vw 0 0}.student{align-items:center;background-color:#f5f5f5;border-radius:1vw;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5vw;width:100%}.student.active{background-color:#d5d5d5}.student:not(.active):hover{opacity:.75}.student .student-name{width:50%}.student .student-progress-preview{align-items:center;display:flex;justify-content:flex-end;padding-right:.3vw;width:calc(50% - .3vw)}.nav-button{width:2vw}.bar{width:1vw}.student p{font-size:1.4vw;margin:0;padding:.5vw}.student-progress-box{margin-top:.7vw;overflow:auto;padding:0 1vw}.not-assigned-box{align-items:center;background-color:#ddd;border-radius:1vw;display:flex;flex-direction:column;height:40%;justify-content:center;margin:20vh auto auto;padding:2vw;width:75%}.not-assigned-box h3{font-family:rajdhani-bold;font-size:3vw;margin:0 0 .3vw}.no-module-component p,.not-assigned-box p{font-size:2vw;margin:0;text-align:center}.no-module-component{display:flex;justify-content:center}.no-module-component p{margin-top:2vh;position:absolute}.student-report .report-header{align-items:center;display:flex;height:4vh;justify-content:space-between;margin-bottom:1vw}.student-username-password{align-items:center;display:flex;font-size:1.3vw;justify-content:end;margin:0}.password-box span:first-child,.username-box span:first-child{font-family:rajdhani-bold}.student-username-password .visibility-icon{align-items:center;cursor:pointer;display:flex;justify-content:end;width:8%}.student-report h2{font-family:rajdhani-bold;font-size:1.7vw;margin:0}#assesment,#exercises,#feedback{align-items:center;background-color:#ddd;border-radius:1vw;display:flex;flex-direction:column;justify-content:center;margin-bottom:1vw;padding:1vw}#feedback{width:60%}#feedback-seework-container{display:flex}.star{height:4vw;margin:0 .4vw;width:4vw}.star:hover{cursor:pointer}.star:hover .star-coloring.active{opacity:.6}.star:hover .star-coloring{fill:#ebebeb}.star .star-coloring.active{fill:#ffeb00}.star .star-coloring{fill:#fff}.student-report h3{font-family:rajdhani-bold;font-size:2vw;margin:0 0 .3vw}.table-holder{align-items:flex-start;display:flex;justify-content:space-around;width:100%}.report-table-cell{align-items:center;display:flex;flex-direction:column;font-size:1.3vw;justify-content:center;text-align:center;width:40%}.game-table-cell,.python-table-cell{width:50%}.puzzle-table-cell{width:40%}.report-table-cell h4{font-size:1.5vw;font-weight:400;margin:0 0 .5rem;padding:0}table.table-bordered,table.table-bordered>tbody>tr>td,table.table-bordered>thead>tr>th{border:1px solid #5a5a5a33}.report-table{border-collapse:collapse;color:#212529;margin-bottom:1rem;width:100%}.table td,.table th{border-top:1px solid #dee2e6;padding:.75rem;vertical-align:top}.assesment-not-completed{font-size:1.3vw;margin:0}.assigned-module{color:#00868d}.selected-module{font-family:rajdhani-bold}.sec-nav-btn-container .download-report-btn{align-items:center;background-color:#ffb017;border:none;border-radius:10px;display:flex;font-size:1.3vw;margin-right:1vw;padding:5px 20px;transition:.5s}#confirm-logout-students,#denied-logout-students{background-color:#ffb017;border:none;border-radius:10px;font-size:1.5vw;padding:2px 12px;transition:.5s;width:5vw}#confirm-logout-students:hover,#denied-logout-students:hover{transform:scale(1.05);transition:.5s}.loader{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}.react-datepicker-popper{position:fixed!important}.completion-date-picker{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:center!important}.teacher-dashboard-module-content{height:90vh;width:calc(100% - 12vw)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-report .demolevel-label{font-family:rajdhani-medium;font-size:1vw;height:fit-content;margin:0 1vw!important;text-align:left;width:100%}.student-report .demolevel-label p{margin:0}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.classes-container{background-color:#e2e7ea;font-family:rajdhani-medium;line-height:1.2;padding:0 5vw 1vw}.classes-container h1{font-family:rajdhani-bold;font-size:4vw;font-weight:700;margin-bottom:.5rem;margin-top:12vh}.classes-container h2{font-family:rajdhani-bold;font-size:2.5vw;font-weight:700;margin:0}.class-box{align-items:center;background-color:#aecb2a;border-radius:5vw;display:flex;height:4vw;justify-content:space-between;margin-bottom:1vw;padding:0 2vw;transition:.5s}.class-box:hover{cursor:pointer;transform:scale(1.01);transition:.5s}.class-box p{align-items:center;font-size:1.5vw;justify-content:center;margin:0}.class-box img{margin-right:1vw;width:1.5vw}.classes-selection .assignment-box{align-items:center;display:flex;justify-content:center}.classes-selection .assignment-box .icon{margin:0;width:2vw}.classes-selection .assignment-box .bar{margin:0;width:1vw}.class-name-row{align-items:center;display:flex;justify-content:space-between;margin:0 1vw .3vw 0}.class-name-container{justify-content:center}.class-name-container,.view-analytics{align-items:center;display:flex}.view-analytics,.view-community{background-color:#ffb017;border:none;border-radius:10px;font-family:rajdhani-medium;font-size:1.5vw;margin-left:10px;padding:5px 20px;transition:.5s}.view-analytics:hover,.view-community:hover{transform:scale(1.05);transition:.5s}.analytics-icon{height:1.5vw;margin-right:.2vw;vertical-align:middle;width:1.5vw}.classes-container>hr{border:0;border-top:1px solid #0000001a;margin-bottom:1rem;margin-top:1rem}.download-class-report-btn{background-color:initial;border:1px solid #00868d;border-radius:20%;color:#00868d;display:flex;font-family:rajdhani-medium;margin-bottom:.1vw;margin-left:10px;padding:2.5px 5px}.download-class-report-btn:hover{transform:scale(1.05);transition:.5s}.download-class-report-btn svg{height:1.3vw!important;vertical-align:middle!important;width:1.3vw!important}.download-report-cards-btn{background-color:initial;border:1px solid #00868d;border-radius:10px;color:#00868d;font-family:rajdhani-medium;font-size:1.5vw;margin-left:10px;margin-right:1vw;padding:3px;transition:.5s}.download-report-cards-btn:disabled{color:#1010104d}.download-report-cards-btn svg{height:1.5vw!important;margin-left:2px;vertical-align:middle!important;width:1.3vw!important}#login-page{background:#0000 linear-gradient(180deg,#d1d526,#b4dbdd) 0 0 no-repeat padding-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;line-height:1.5;width:100vw}#login-page *,#login-page :after,#login-page :before{box-sizing:border-box}#login-page #surrounding{bottom:0;height:100vh;position:fixed;right:-19px}#login-page #logo{left:1vw;position:fixed;top:27px;width:11vw;z-index:1}#login-page button:focus{outline:none}#login-page .navigation{display:flex;position:fixed;right:3vw;top:10px}#login-page .navigation>button{border:none;border-radius:50px;font-family:Rajdhani;font-size:2vw;margin:10px;padding:5px 20px;transition:.5s}#login-page .navigation>button:hover{transform:scale(1.1);transition:.5s}#login-page .navigation>button.contact{background-color:#ffb017}#login-page .navigation>button.login{background-color:#fe7d00}#login-page #visionBubble{left:8vw;position:fixed;top:40vh;width:30%}#login-page #missionBubble{position:fixed;right:25vw;top:40vh;width:30%}#login-page .modal-content{background:none;border:none;display:flex;flex-direction:column;position:relative;width:100%}#login-page .modal-body-login{height:70vh;margin-left:4vw;margin-top:3vw;width:53vw}.reset-password-modal{height:100%;margin:5vh 0}.reset-password-modal .row{align-items:center;height:100%;margin-left:-15px;margin-right:-15px}.reset-password-modal img{align-self:end;width:100%}.modal-body-login .row{height:100%;margin-left:-15px;margin-right:-15px}.form-container,.image-container{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;justify-content:center;padding-left:15px;padding-right:15px}.form-container,.login-form{align-items:center}.login-form{display:flex;flex-direction:column;width:100%}.modal-body-login img{width:90%}#login-modal h2{font-family:Rajdhani;font-size:10vw;line-height:130px;margin-bottom:3.2vh}.reset-password-modal h2{font-family:Rajdhani;font-size:3vw;font-weight:700;line-height:4.8vw;margin-bottom:0;margin-top:0!important;text-align:center}input:focus{outline:none}.reset-password-modal a{font-size:1vw;margin:1vw 0}.reset-password-modal a:hover{text-decoration:none}.reset-password-modal .submit-button{background-color:#fe7d00;border:none;border-radius:20px;font-family:Rajdhani;font-size:1.5vw;line-height:1.5;padding:3px 10px;transition:.5s;width:100%}.reset-password-modal .submit-button:hover{transform:scale(1.05);transition:.5s}.modal-body-login input,.reset-password-modal input{border:none;border-radius:20px;font-family:Rajdhani;font-size:2vw;line-height:1.5;padding:3px 10px;width:100%}.reset-password-modal input{box-sizing:border-box}#password-toggle-icon-button{color:#000;cursor:pointer;font-size:1.5vw;margin-left:-2.5vw;width:1.5vw}#visibility-icon,#visibilityoff-icon{height:2vw;width:2vw}#reset-password-username,#username{margin-bottom:1rem!important}.modal-body-login a{color:#007bff;margin:1vw 0}.modal-body-login a,.modal-body-login a:hover{text-decoration:none}.modal-body-login .submit-button{background-color:#fe7d00;border:none;border-radius:20px;font-family:Rajdhani;font-size:2vw;line-height:1.5;padding:3px 10px;transition:.5s;width:100%}.modal-body-login .submit-button:hover{transform:scale(1.05);transition:.5s}#password-reset-button{color:#00868d!important;font-family:rajdhani-medium;padding:.1vw .4vw}#login-page p.error{color:red;font-family:Rajdhani-Medium;font-size:1.25vw;margin-bottom:0;margin-top:1vw}.reset-password-modal p.error{margin-bottom:1vw;margin-top:0}.request-reset-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1.2vh;width:100%}.reset-instructions-message{font-family:Rajdhani;font-size:1.5vw;line-height:1.8vw;margin:.5rem 1rem;text-align:center}#login-text{font-family:rajdhani-semibold;font-size:5rem;margin-bottom:1vw;margin-top:1vw}input::-ms-clear,input::-ms-reveal{display:none}.playstore-link-container{align-items:center;background-color:#000;border-radius:20px;color:#fff!important;display:flex;height:calc(2.7rem + 20px);margin-top:2.5vw!important;padding:10px}.playstore-link-container:hover{color:#fff!important;transform:scale(1.1);transition:.5s}.playstore-link-container img{height:2.7rem}.playstore-link-label{align-items:center;display:flex;flex-direction:column;padding-left:10px;white-space:nowrap}.playstore-link-label span:first-child{font-size:.8rem}.playstore-link-label span:nth-child(2){font-size:1.2rem}@media only screen and (orientation:portrait){#login-page #surrounding{display:none}#login-page .logo-image{height:125px;width:227.5px}#login-page .modal-body-login{margin:0!important;padding-left:0!important;width:100vw}#login-page .modal-body-login .row{flex-direction:column;flex-wrap:nowrap;height:max-content;margin-left:0;margin-right:0;margin-top:12vh!important}#login-page .modal-body-login .form-container #login-text{font-size:7rem!important}#login-page .modal-body-login .form-container,#login-page .modal-body-login .image-container{align-items:center!important;flex-basis:auto!important;flex-grow:0!important}#login-page .modal-body-login .form-container{margin-top:5vh}#login-page .modal-body-login .image-container img{width:65%!important}#login-page .login-form{width:80%!important}#login-page #password-toggle-icon-button{height:5vw;margin-left:-7vw;width:5vw}#login-page #visibility-icon,#login-page #visibilityoff-icon{height:5vw;width:5vw}.playstore-link-container{height:calc(4.7rem + 30px)!important;margin-top:3vw!important;padding:15px}.playstore-link-label span:first-child{font-size:1.5rem!important}.playstore-link-label span:nth-child(2){font-size:2.5rem!important}.playstore-link-container img{height:4.7rem!important}#login-page .modal-body-login .submit-button,#login-page .modal-body-login input,.reset-password-modal h2{font-size:4.5vw!important}.reset-password-modal .submit-button,.reset-password-modal input{font-size:3.5vw!important}#password-reset-button{font-size:3vw;margin:3vw 0}#login-page #submit-button{margin-bottom:2vw}#login-page p.error{font-size:3.5vw;margin-top:2vw}.reset-password-dialog .MuiPaper-root{max-width:80vw!important;width:80vw!important}}@font-face{font-family:rajdhani-regular;src:url(/static/media/rajdhani-regular.9971b164aef62b48d11d.ttf)}@font-face{font-family:rajdhani-semibold;src:url(/static/media/rajdhani-semibold.af254e940e39282ba392.ttf)}@font-face{font-family:rajdhani-bold;src:url(/static/media/rajdhani-bold.070c56b97d4830b36dbd.ttf)}@font-face{font-family:rajdhani-light;src:url(/static/media/rajdhani-light.d9b3ded38404c3bbc702.ttf)}@font-face{font-family:rajdhani-medium;src:url(/static/media/rajdhani-medium.f14664aa9c8354ac8f60.ttf)}.notes-content{font-family:rajdhani-medium;line-height:1.2!important;margin-left:0!important;margin-top:8vh;padding:1rem!important}.rendernotes{background:#fff;padding:15px;width:fit-content}.rendernotes h1{font-size:2.5rem;font-weight:500;margin:0}.rendernotes h2,.rendernotes h3{font-size:1.75rem;font-weight:500;margin:0}.rendernotes h4{font-size:1.5rem;font-weight:500;margin:0}.rendernotes p{margin:.5rem 0}.reset-password-container{background:#0000 linear-gradient(180deg,#d1d526,#b4dbdd) 0 0 no-repeat padding-box;font-family:Rajdhani;height:100vh;left:0;line-height:1.5;position:fixed;top:0;width:100vw;z-index:1300}.reset-password-container *,.reset-password-container :after,.reset-password-container :before{box-sizing:border-box}.reset-password-container .company{left:1vw;position:fixed;top:1vw;width:10vw}.reset-password-container #surrounding{bottom:0;left:0;position:fixed;right:0;width:100%}.reset-password-container .reset-password-content{align-items:center;display:flex;flex-direction:column;margin:0 20vw;z-index:1001}.reset-password-container h2{font-size:6vw;font-weight:400;margin:5vw 0 2vw}.reset-password-container p{font-size:2vw;margin:1vw 0;text-align:center}.reset-password-container .reset-password-form{align-items:center;display:flex;flex-direction:column;line-height:1.5;width:60%;z-index:1001}.reset-password-container button:focus,.reset-password-container input:focus{outline:none}.reset-password-container input{line-height:1.5!important;margin-bottom:1vw;width:100%}.reset-password-container .submit-button-reset,.reset-password-container input{border:none;border-radius:1vw;font-family:Rajdhani;font-size:2vw;padding:3px 10px}.reset-password-container .submit-button-reset{background-color:#ffb017;margin:0;transition:.5s;width:100%!important;z-index:1000}.reset-password-container .submit-button-reset:not([disabled]):hover{cursor:pointer;transform:scale(1.05);transition:.5s}.reset-password-container .error{color:red;font-size:1.3vw;margin:-.4vw 0 .5vw}.reset-password-container .password-checker{margin-bottom:1vw;margin-top:1vw;width:100%}.reset-password-container .password-checker p{font-size:1.3vw;margin:0}.reset-password-container .strength-box{background-color:#fff;border-radius:2vw;height:1.3vw;width:100%}.reset-password-container .strength-indicator{background-color:red;border-radius:2vw;height:1.3vw;transition:.5s;width:0}@font-face{font-family:Rajdhani;src:url(/static/media/rajdhani-medium.f14664aa9c8354ac8f60.ttf)}@font-face{font-family:Rajdhani;font-weight:700;src:url(/static/media/rajdhani-bold.070c56b97d4830b36dbd.ttf)}#not-found-container{background:#0000 linear-gradient(180deg,#d1d526,#b4dbdd) 0 0 no-repeat padding-box;font-family:Rajdhani;height:100vh;left:0;line-height:1.5;position:fixed;top:0;width:100vw;z-index:1300}#not-found-container *,#not-found-container :after,#not-found-container :before{box-sizing:border-box}#not-found-container .company{left:1vw;position:fixed;top:1vw;width:10vw}#not-found-container #surrounding{bottom:0;left:0;position:fixed;right:0;width:100%!important}#not-found-container .not-found-content{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 20vw;padding-bottom:40vh}#not-found-container .row{width:100%!important}#not-found-container h2{font-size:6vw;font-weight:400;line-height:5.5vw;margin:0}#not-found-container p.error-code{font-size:3vw;margin:0 0 1vw;opacity:.5}#not-found-container p{font-size:2vw}#not-found-container .not-found-content a:focus{outline:none;text-decoration:none}#not-found-container .not-found-content a{background-color:#ffb017;border:none;border-radius:1vw;color:#000;font-family:Rajdhani;font-size:2vw;margin:0;padding:3px 100px;text-align:center;transition:.5s;width:50%;z-index:1000}#not-found-container .not-found-content a:hover{color:#000;cursor:pointer;text-decoration:none;transform:scale(1.05);transition:.5s}.downloader{background-color:#fff;bottom:18px;max-height:700px;min-height:128px;overflow-y:auto;position:fixed;right:18px;width:500px}.downloader .card-header{background-color:#00868d;color:#fff;padding-left:1.2em}.downloader .card .list-group{max-height:300px;overflow:hidden;overflow-y:auto}