body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden;position:fixed;overscroll-behavior:contain}body{background-color:#000}img{pointer-events:none}*,img{user-select:none}*{-webkit-user-select:none}input{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@font-face{font-family:ReportSchoolRg-Regular;src:url(/report_school_rg_regular.1826709a.ttf) format("truetype");font-weight:400;font-style:normal}*{font-family:ReportSchoolRg-Regular}p{font-size:24px;margin:0;color:#383b3f}#app_container{position:absolute;transform-origin:top left}#start_view,.haxe-view,.matching-game-complete-popup,.overlay-container,.page,.pocket-view,.popup,.score-popup{position:absolute;top:0;left:0;width:1024px;height:768px;overflow:hidden}.white-background{background-color:#fff}.haxe-view,.matching-game-complete-popup,.overlay-container,.popup,.score-popup{background-color:rgba(0,0,0,.5);z-index:2000}#level_actions .level-actions-list,#selection .page-content,.assessments-gate-popup .close-btn-container .rect-button,.assessments-screen .assessment-card .card-container,.assessments-screen .assessment-card .card .number-container span,.book-lesson-card .thumbnail-holder,.book-lesson-card .thumbnail-holder img,.card .center-area,.card .order-indicator .center-circle,.centered,.code-change .header .header-icon,.generic-lock-code-popup .close-btn-container .rect-button,.haxe-view.assessment #start_view,.haxe-view.assessment .assessment-overlay .clipboard-container img,.haxe-view.assessment .haxe-view,.haxe-view.assessment .matching-game-complete-popup,.haxe-view.assessment .overlay-container,.haxe-view.assessment .page,.haxe-view.assessment .pocket-view,.haxe-view.assessment .popup,.haxe-view.assessment .score-popup,.pocket-view .pocket-items-list .pocket-item-image img,.popup .container,.progress .bar-container,.score-popup .container,.teacher-card-option img{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}#level_select .assessment-btn,#start_view .circle-icon-button,.book-lesson-card .name,.card .order-indicator,.haxe-view.assessment .assessment-overlay .clipboard-container,.horizontally-centered,.login-view .header-title,.paginator .page-indicator-holder,.teacher-header .header-image{position:absolute;transform:translateX(-50%);left:50%}.paginator .circle-icon-button,.paginator .circle-icon-button .icon,.vertically-centered{position:absolute;transform:translateY(-50%);top:50%}#lesson_select.level-1 .circle-icon-button:not(.paginator-arrow),#level_actions.level-1 .circle-icon-button:not(.paginator-arrow),.assessments-screen .assessment-card .card-container.card-level-1,.card.card-level-1 .alternative-color,.card.card-level-1.alternative-color,.level-1-dark,.thumbnail-lesson-card .card-clip.card-level-1 .alternative-color,.thumbnail-lesson-card .card-clip.card-level-1.alternative-color{background-color:#ffc933!important}.card.card-level-1,.level-1-light,.thumbnail-lesson-card .card-clip.card-level-1{background-color:#ffde55!important}#lesson_select.level-2 .circle-icon-button:not(.paginator-arrow),#level_actions.level-2 .circle-icon-button:not(.paginator-arrow),.assessments-screen .assessment-card .card-container.card-level-2,.card.card-level-2 .alternative-color,.card.card-level-2.alternative-color,.level-2-dark,.thumbnail-lesson-card .card-clip.card-level-2 .alternative-color,.thumbnail-lesson-card .card-clip.card-level-2.alternative-color{background-color:#cc50a9!important}.card.card-level-2,.level-2-light,.thumbnail-lesson-card .card-clip.card-level-2{background-color:#e271cd!important}#lesson_select.level-3 .circle-icon-button:not(.paginator-arrow),#level_actions.level-3 .circle-icon-button:not(.paginator-arrow),.assessments-screen .assessment-card .card-container.card-level-3,.card.card-level-3 .alternative-color,.card.card-level-3.alternative-color,.level-3-dark,.thumbnail-lesson-card .card-clip.card-level-3 .alternative-color,.thumbnail-lesson-card .card-clip.card-level-3.alternative-color{background-color:#47c873!important}.card.card-level-3,.level-3-light,.thumbnail-lesson-card .card-clip.card-level-3{background-color:#6de290!important}.rect-button{background-color:#383b3f;width:180px;height:54px;cursor:pointer;border:none;padding:0;border-radius:5px}.rect-button .rect-button-text{line-height:54px;color:#fff;width:100%;text-align:center}.rect-button:disabled{background-color:grey;cursor:default}.rect-icon-button{padding-left:10px;padding-right:10px;background-color:#383b3f;width:180px;height:54px;cursor:pointer;display:flex}.rect-icon-button p{line-height:54px;color:#fff;width:100%;text-align:center}.rect-icon-button .icon{width:50px;height:50px;margin-top:2px;object-fit:scale-down}.circle-icon-button{width:198px;height:198px;border-radius:50%;background-color:#38d4e1;border-style:none;cursor:pointer;pointer-events:all;padding:0}.circle-icon-button:focus{outline:none}.circle-icon-button:disabled{background-color:#d6d6d6!important;cursor:default}.circle-icon-button .icon{max-width:100%;max-height:100%}.back-btn{position:absolute;top:25px;left:0;border-radius:0 5px 5px 0;width:258px}.circle-back-btn{width:80px;height:80px;border-radius:50%;background-color:#383b3f;left:30px;top:40px}.header-bar{position:absolute;top:0;left:0;width:100%;z-index:1000}.paginator{width:100%;height:100%}.paginator .page-holder{left:0;transition:all .5s linear 0s}.paginator #start_view,.paginator .haxe-view,.paginator .matching-game-complete-popup,.paginator .overlay-container,.paginator .page,.paginator .page-holder,.paginator .pocket-view,.paginator .popup,.paginator .score-popup{position:absolute;top:0;width:100%;height:100%}.paginator .page-content{position:absolute;width:calc(100% - 160px);height:50%;left:80px}.paginator .page-content .page-data{display:flex;flex-wrap:wrap;width:100%;height:100%}.paginator .circle-icon-button{width:134px;height:134px;border-radius:50%;background-color:#383b3f}.paginator .circle-icon-button .icon{width:67px;height:auto}.paginator .circle-icon-button.left{left:-67px}.paginator .circle-icon-button.left .icon{right:0}.paginator .circle-icon-button.right{right:-67px}.paginator .circle-icon-button.right .icon{left:0}.paginator .page-indicator-holder{bottom:0;display:flex;padding:5px 20px;border-radius:38.5px;background-color:#383b3f}.paginator .page-indicator-holder .page-indicator{width:20px;height:20px;border-radius:50%;background-color:#d6d6d6;cursor:pointer}.paginator .page-indicator-holder .page-indicator.active{background-color:#38d4e1}.paginator .page-indicator-holder .page-indicator:not(:last-child){margin-right:10px}.paginator .bars .bar{position:absolute;top:0;width:10px;height:100%;background-color:#383b3f}.paginator .bars .bar.left{left:0}.paginator .bars .bar.right{right:0}.paginator .bars .bar.bottom{bottom:0;top:auto;width:100%;height:10px}.paginator .disabled{background-color:#d6d6d6!important}.paginator.book-paginator .page-content{height:100%;width:100%;left:0;top:0}.initials-button{width:88px;height:88px;border-radius:50%;position:absolute;border-style:none;cursor:pointer;top:30px;left:30px;z-index:1000;display:flex;flex-direction:row;justify-content:center;align-items:center}.initials-button .title{color:#fff;font-size:36px;font-weight:700;text-align:center}.initials-button img{margin-right:5px;width:23px;height:23px}.large-initials-button{width:134px;height:134px;border-radius:50%;border-style:none;cursor:pointer;position:relative;top:0;left:0}.shelves{width:100%;padding:0 40px}.shelf-inner{height:100%;text-align:center;padding:10px 0 0;box-sizing:border-box}.shelf-inner .book{height:110px;max-width:82px;min-width:80px;margin:0 15px;vertical-align:bottom;display:inline-block;cursor:pointer}.shelf-inner .book img{max-width:100%}.shelf-inner .book.locked{opacity:.5;cursor:default}.shelf{width:100%;margin-bottom:20px}.shelf .top{background:#4c515b;width:100%;display:block;border-radius:10px 10px 0 0;height:120px}.shelf .base{background:#ffde55;width:100%;height:40px;border-radius:0 0 10px 10px;position:relative}.shelf .base:after{display:block;content:"";height:20px;width:100%;background:#ffc933;border-radius:10px}.debug-button,.shelf .base:after{position:absolute;bottom:0;left:0}.debug-button{background-color:transparent;font-size:14px;height:10px;width:10px;z-index:5001}.debug-button.enabled{background-color:#38d4e1}.debug-console{display:none}.debug-console.open{background-color:rgba(0,0,0,.5);display:block;height:100%;left:0;padding:2rem;position:absolute;top:0;width:100%;z-index:5000}.debug-console h1,.debug-console h2,.debug-console p{color:#fff}.debug-console .action-row{width:600px;padding:5px 0;display:flex;flex-direction:row}.debug-console .action-row.outlined{border-top:2px solid #fff;border-bottom:2px solid #fff;padding:10px 0}.debug-console .action-row .column{flex:1;margin-right:10px;padding:5px 10px;text-align:center}.debug-console .action-row .column:last-child{margin-right:0}.debug-console .action,.debug-console .level{border-radius:10px;padding:10px;font-size:24px}.debug-console .level{background-color:#38d4e1;color:#383b3f}.debug-console .action{color:#fff;background-color:rgba(0,0,0,.5)}.debug-console .level-1{background-color:#ffde55}.debug-console .level-2{background-color:#e271cd}.debug-console .level-3{background-color:#6de290}.progress{position:relative;width:340px;height:35px;background-color:#fff;border-radius:18px;box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902)}.progress .bar-container{height:22px;width:327px;border-radius:11px;background-color:#d0f1db;overflow:hidden}.progress .bar-container .progress-bar{position:absolute;width:30%;height:100%;background-color:#47c873;transition:width .5s}.progress .bar-container .vertical-bar{position:absolute;height:100%;width:10px;top:0;background-color:#fff}.toggle{--cap-comp-toggle-holder-width:78px;--cap-comp-toggle-holder-height:48px;--cap-comp-toggle-holder-padding:6px;--cap-comp-toggle-switch-size:36px;position:relative;width:var(--cap-comp-toggle-holder-width);height:var(--cap-comp-toggle-holder-height);border-radius:calc(var(--cap-comp-toggle-holder-width)*0.5);cursor:pointer}.toggle.active{background-color:#4c515b}.toggle.inactive{background-color:#fff}.toggle .switch{position:absolute;width:var(--cap-comp-toggle-switch-size);height:var(--cap-comp-toggle-switch-size);top:var(--cap-comp-toggle-holder-padding);border-radius:calc(var(--cap-comp-toggle-switch-size)*0.5);display:flex;justify-content:center}.toggle .switch.active{right:var(--cap-comp-toggle-holder-padding);background-color:#fff}.toggle .switch.inactive{left:var(--cap-comp-toggle-holder-padding);background-color:grey}.toggle .switch img{width:16px}@keyframes start-btn{to{bottom:60px}}@keyframes teacher-btn-anim{to{right:0}}#start_view .animated{animation-fill-mode:forwards}#start_view .start-logo{top:120px}#start_view .teacher-btn{position:absolute;top:25px;right:-400px;border-radius:5px 0 0 5px;width:278px;padding-right:20px}#start_view .teacher-btn.animated{animation-name:teacher-btn-anim;animation-duration:1.5s}#start_view .teacher-btn .rect-button-text{font-size:35px;font-weight:700}#start_view .circle-icon-button{bottom:-400px}#start_view .circle-icon-button.animated{animation-name:start-btn;animation-duration:1.5s}#start_view .circle-back-btn{top:25px;left:25px;transform:none}#start_view .debug-text{position:absolute;bottom:10px;left:10px;font-size:14px}#start_view .pupil-name{position:absolute;background-color:red;border-radius:50px;padding:10px 25px;top:40px;right:30px}#start_view .pupil-name p{color:#fff}#level_select .button-container{position:absolute;display:flex;align-content:center;justify-content:space-between;flex-direction:row;bottom:25px;left:50px;right:50px}#level_select .header{width:100%;height:175px}#level_select .header .logo{top:75px}#level_select .level-btn-container{width:264px;height:264px;display:flex;justify-content:center}#level_select .level-btn{width:134px;height:134px;border-radius:50%;border-style:none;cursor:pointer;position:relative;top:66px}#level_select .level-btn .text{font-size:20px;color:#fff;position:absolute;bottom:10px;left:0;right:0}#level_select .level-btn.selected{width:264px;height:264px;border-radius:50%;top:0}#level_select .level-btn.selected .text{font-size:30px;color:#fff;position:absolute;bottom:10px;left:0;right:0}#level_select .level-btn .icon{width:95%;height:95%}#level_select .assessment-btn{bottom:100px}#level_select .assessment-btn .icon{width:50%;height:50%;margin-bottom:40px}#level_select .toggle{position:absolute;top:50px;right:148px}#level_actions .level-actions-list{width:812px;height:190px;display:flex;justify-content:space-between}#level_actions .level-actions-list .option .circle-icon-button{width:204px;height:204px;border-radius:50%}#level_actions .level-actions-list .option .score{margin-top:10px;text-align:center}#lesson_select .action-button,#level_actions .action-button{width:76px;height:76px;border-radius:50%;position:absolute;top:43px;right:35px}.card-lock-icon{--cap-comp-card-lock-icon-size:44px;--cap-comp-card-lock-icon-offset:calc(var(--cap-comp-card-lock-icon-size)*-0.5);width:var(--cap-comp-card-lock-icon-size);height:var(--cap-comp-card-lock-icon-size);border-radius:var(--cap-comp-card-lock-icon-size);background-color:#4c515b;border:2px solid #fff;display:flex;justify-content:center;position:absolute;top:calc(var(--cap-comp-card-lock-icon-size)*-0.1);right:calc(var(--cap-comp-card-lock-icon-size)*-0.1)}.card-lock-icon.offset{right:var(--cap-comp-card-lock-icon-offset);top:var(--cap-comp-card-lock-icon-offset)}.card-lock-icon img{width:20px}#lesson_select .page-content{margin-top:125px;width:870px;height:518px}#lesson_select .page-data{align-content:flex-start}.card-flex-container{position:relative;display:flex;flex:1 0 auto;justify-content:center;align-items:center;max-width:20%;height:33.33333%}.card,.card-holder{position:relative;width:147px;height:147px}.card-holder .star,.card .star{position:absolute;top:-10px;right:-10px;width:32px;height:32px}.card-holder.locked,.locked.card{opacity:.5}.card-holder.locked .card,.locked.card .card{cursor:default}.card{overflow:hidden;cursor:pointer}.card .center-area{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#4c515b}.card .center-area.stacked{flex-direction:column}.card .order-indicator{width:40px;height:40px;border-radius:50%;bottom:-10px;background-color:inherit}.card .order-indicator .center-circle{width:34px;height:34px;border-radius:50%}.card .order-text{position:absolute;width:100%;bottom:0;text-align:center;color:#fff;font-size:16px;line-height:31px}.card .flex-container{display:flex;flex:1;align-items:center;justify-content:center}.card .flex-container p{color:#fff;font-weight:700;font-size:33px}.thumbnail-lesson-card .flex-container p{font-weight:400}.thumbnail-lesson-card .card{transition:all .3s;overflow:visible}.thumbnail-lesson-card .star{transition:all .3s}.thumbnail-lesson-card .card-clip{border-radius:10px;height:100%;position:relative;overflow:hidden;transition:border-radius .3s}.thumbnail-lesson-card .bottom-bar,.thumbnail-lesson-card .top-bar{height:14px;position:absolute;width:100%;transition:height .3s}.thumbnail-lesson-card .bottom-bar{bottom:0}.thumbnail-lesson-card .center-area{height:113px;transition:height .3s}.thumbnail-lesson-card .center-circle,.thumbnail-lesson-card .order-indicator,.thumbnail-lesson-card .order-text{transition:all .3s}.thumbnail-lesson-card.card-level-1 .order-indicator>p{color:#4c515b}.thumbnail-lesson-card.gold .alternative-color{background-color:#ffab3d}.thumbnail-lesson-card.rule:not(.open) .flex-container{height:100%;padding:30px}.thumbnail-lesson-card.rule:not(.open) .flex-container div{height:65%}.thumbnail-lesson-card.rule:not(.open) .flex-container img{width:auto;height:100%;object-fit:contain}.thumbnail-lesson-card.open .card{cursor:default;z-index:2000;animation:open .3s;animation-fill-mode:forwards}.thumbnail-lesson-card.open .card .card-clip{border-radius:50px;transform:translateZ(0)}.thumbnail-lesson-card.open .card .center-area{height:360px}.thumbnail-lesson-card.open .card .bottom-bar,.thumbnail-lesson-card.open .card .top-bar{height:50px}.thumbnail-lesson-card.open .card .order-indicator{height:180px;width:180px;bottom:-50px}.thumbnail-lesson-card.open .card .order-indicator .center-circle{width:140px;height:140px;border-radius:50%}.thumbnail-lesson-card.open .card .order-text{font-size:66px;bottom:35px;color:#383b3f}.thumbnail-lesson-card.open .card .star{height:64px;width:64px;top:-20px;right:-20px}.thumbnail-lesson-card.open .thumbnail-lesson-card-overlay{display:block;background:rgba(0,0,0,.5)}.thumbnail-lesson-card.open.rule .flex-container,.thumbnail-lesson-card.open.rule p{font-size:38px}.thumbnail-lesson-card.close .card{animation:close .3s;animation-fill-mode:forwards}.thumbnail-lesson-card .circle{width:198px;height:198px;border-radius:50%;display:flex;justify-content:center;align-content:center;text-align:center;flex-direction:column;border:2px dashed #fff;position:relative}.thumbnail-lesson-card .circle.draggable{z-index:1;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.thumbnail-lesson-card .circle.draggable p{font-size:120px;line-height:0;height:10px}.thumbnail-lesson-card .circle.draggable .textfit-container{height:100%;width:100%;line-height:normal}.thumbnail-lesson-card .circle.draggable:after{width:198px;height:198px;border-radius:50%;display:flex;justify-content:center;align-content:center;text-align:center;flex-direction:column;content:"";position:absolute;top:1px;left:1px;border:2px dashed #383b3f;transition:opacity .6s}.thumbnail-lesson-card .circle.draggable.on-target{position:relative}.thumbnail-lesson-card .circle.draggable.on-target p{color:#383b3f}.thumbnail-lesson-card .circle.draggable.on-target:after{opacity:0}.thumbnail-lesson-card .circle.target.on-target{color:#383b3f}.thumbnail-lesson-card .circle.target.on-target:before{content:"";height:0;width:0;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;position:absolute;border-radius:50%;animation:fill .6s;animation-fill-mode:forwards}.thumbnail-lesson-card .circle.target.on-target img{position:relative}.thumbnail-lesson-card .circle:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.thumbnail-lesson-card .circle p{font-size:80px;transition:color .6s;position:relative;top:-7px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.thumbnail-lesson-card .lesson-arrow{flex:0 0 90px;opacity:.3}.thumbnail-lesson-card .lesson-arrow img,.thumbnail-lesson-card img{max-width:100%}@keyframes open{0%{position:absolute}to{height:500px;width:600px;z-index:2000}}@keyframes close{0%{height:500px;width:600px;z-index:2000}to{position:absolute}}@keyframes fill{0%{display:block}to{height:100%;width:100%}}.thumbnail-lesson-card-overlay{position:fixed;height:100%;width:100%;top:0;left:0;z-index:2000;background-color:transparent;display:none}.book-lesson-card .card{border-radius:10px}.book-lesson-card .color-bar{position:absolute;top:0;width:100%;height:13px}.book-lesson-card .center-area{height:calc(100% - 13px);top:13px;left:0;transform:none;margin:0}.book-lesson-card .name{top:0;color:#fff;width:100%;text-align:center;font-size:20px}.book-lesson-card .thumbnail-holder{width:70px;height:70px;border-radius:50%;background-color:#fff}.book-lesson-card .thumbnail-holder img{width:75%;height:75%;object-fit:contain}.book-lesson-card .order-indicator{width:34px;height:34px;border-radius:50%;background-color:#fff;position:absolute;bottom:10px;right:10px;left:auto;transform:none}.book-lesson-card .order-text{color:#383b3f;line-height:33px}.matching-test-card .card{border-radius:50%}.matching-test-card .card .center-area{width:138px;height:138px;border-radius:50%}.matching-test-card .card .center-area img{width:90%;height:90%}.matching-test-card .score-container{position:absolute;top:-10px;width:100%;display:flex;flex:1 0 auto;justify-content:center}.matching-test-card .score-container img{width:28px;height:28px}.matching-test-card .score-container img:not(:last-child){margin-right:4px}.word-builder-card .card{border-radius:10px}.word-builder-card .card .center-area{background-color:#4c515b;border-radius:inherit;width:calc(100% - 8px);height:calc(100% - 8px)}.word-builder-card .card .center-area p{font-size:65px;color:#fff}.word-builder-card .card .score-container{position:absolute;bottom:15px;width:100%;display:flex;justify-content:center}.word-builder-card .card .score-container img{width:24px;height:24px}.word-builder-card .card .score-container img:not(:last-child){margin-right:15px}#song_view .background,#song_view .video{position:absolute;top:0;left:0}#song_view .controls{position:absolute;transform:translateZ(0);width:100%;bottom:20px;display:flex;justify-content:center;align-items:center}#song_view .controls .circle-icon-button{width:88px;height:88px;border-radius:50%;margin-right:22px}#song_view .controls .progress-bar-container{position:relative;width:874px;height:31px;background-color:#383b3f}#song_view .controls .progress-bar-container .progress-bar,#song_view .controls .progress-bar-container .progress-image-holder{width:870px;height:27px}#song_view .controls .progress-bar-container .progress-image-holder{position:absolute;top:2px;left:2px;overflow:hidden}.book-end{display:flex;flex-direction:column;align-items:center;background:#fff;justify-content:center;flex:1}.book-end h1{display:block}.book-end .button-wrapper{height:100px;position:relative;display:flex}.book-end .initials-button{top:0;left:0}.book-end .button{margin:10px;width:100px;height:100px;border-radius:50%;border-style:none;cursor:pointer;position:relative}.book-end .button img{max-width:100%}.book-end .button.level-1{background-color:#ffc933}.book-end .button.level-2{background-color:#cc50a9}.book-end .button.level-3{background-color:#47c873}.book-end .button.dark{background-color:#383b3f}.haxe-view{z-index:2000}.haxe-view #lesson_view{width:100%;height:100%}.haxe-view.assessment{z-index:3001}.haxe-view.assessment #start_view,.haxe-view.assessment .haxe-view,.haxe-view.assessment .matching-game-complete-popup,.haxe-view.assessment .overlay-container,.haxe-view.assessment .page,.haxe-view.assessment .pocket-view,.haxe-view.assessment .popup,.haxe-view.assessment .score-popup{padding-top:30px;background-color:#fff;width:800px;height:600px;border-radius:20px}.haxe-view.assessment .assessment-overlay{overflow:visible;background-color:transparent;pointer-events:none}.haxe-view.assessment .assessment-overlay .circle-icon-button{position:absolute;top:25px;right:25px;left:auto;width:47px;height:47px;background-color:#4c515b}.haxe-view.assessment .assessment-overlay .clipboard-container{width:96px;height:96px;border-radius:50%;top:-48px;background-color:#fbc63f}.haxe-view.assessment .assessment-overlay .clipboard-container img{width:52px;height:56px}.haxe-view.assessment .assessment-overlay .progress{position:absolute;top:80px;left:15px}.assessments-screen-link{background-color:#4c515b;position:absolute;top:30px;right:30px;width:88px;height:88px;border-radius:50%}.assessments-screen-link img{width:46px;height:52px}.assessments-gate-popup .close-btn-container,.generic-lock-code-popup .close-btn-container{position:relative;height:173px}.generic-lock-code-popup .close-btn-container{height:100px}.assessments-screen .container{position:absolute;width:1024px;height:428px;left:0;bottom:100px}.assessments-screen path{stroke:#ececec;stroke-width:10px;fill:none}.assessments-screen .assessment-card{width:10px;height:10px;border-radius:50%;position:absolute;top:0;left:0}.assessments-screen .assessment-card.positioner-0{top:0;left:106px}.assessments-screen .assessment-card.positioner-1{top:0;left:358px}.assessments-screen .assessment-card.positioner-2{top:0;left:611px}.assessments-screen .assessment-card.positioner-3{top:59px;left:854px}.assessments-screen .assessment-card.positioner-4{top:205px;left:716px}.assessments-screen .assessment-card.positioner-5{top:205px;left:503px}.assessments-screen .assessment-card.positioner-6{top:205px;left:236px}.assessments-screen .assessment-card.positioner-7{top:387px;left:135px}.assessments-screen .assessment-card.positioner-8{top:411px;left:349px}.assessments-screen .assessment-card.positioner-9{top:411px;left:612px}.assessments-screen .assessment-card.positioner-10{top:411px;left:863px}.assessments-screen .assessment-card.locked{pointer-events:none}.assessments-screen .assessment-card .card-container{width:152px;height:152px;border-radius:50%;background-color:#4c515b}.assessments-screen .assessment-card .card-container.complete{background-color:transparent}.assessments-screen .assessment-card .wiggle-container{width:100%;height:100%}.assessments-screen .assessment-card .wiggle-container.active{animation:bounce-animation 2s infinite;animation-direction:alternate}.assessments-screen .assessment-card .card{width:152px;height:152px;border-radius:50%;position:relative}.assessments-screen .assessment-card .card.active{transform:translateY(-13px)}.assessments-screen .assessment-card .card.locked{background-color:transparent!important}.assessments-screen .assessment-card .card .image-container{display:flex;justify-content:center;height:90%}.assessments-screen .assessment-card .card .image-container img{height:100%}.assessments-screen .assessment-card .card .number-container{width:32px;height:32px;border-radius:50%;position:absolute;align-self:flex-end;background-color:#fff;margin-left:60px;bottom:4px}.assessments-screen .assessment-card .lock{position:absolute;top:-5px;right:-5px}@keyframes bounce-animation{0%{transform:translateY(0)}80%{transform:translateY(0)}85%{transform:translateY(13px)}90%{transform:translateY(5deg)}95%{transform:translateY(13deg)}to{transform:translateY(0deg)}}.teacher-header{background-color:#4c515b;height:180px}.teacher-menu-title{font-size:50px;font-weight:700;text-align:center;color:#383b3f;margin-bottom:60px}.login-view .header-image{top:35px}.login-view .header-title{color:#fff;font-size:20px;font-weight:700;text-align:center;top:118px}.login-view .forgot-password{color:#38d4e1;float:right;cursor:pointer}.login-view form{width:750px;margin:auto}.login-view form .button-holder{width:260px;margin:90px auto auto}.login-view form .button-holder .btn-wrapper{width:260px;height:54px;display:inline-block}.login-view form .button-holder .rect-button{width:260px}#teacher_details .header-image{top:50px}#teacher_details .options-holder{position:relative;display:flex;justify-content:center;margin-top:40px}#teacher_details .options-holder .teacher-card-option:not(:last-child){margin-right:40px}.teacher-card-option{position:relative;background-color:#383b3f;width:288px;height:350px;border-radius:20px;cursor:pointer}.teacher-card-option p{width:100%;position:absolute;color:#fff;text-align:center;white-space:pre}.teacher-card-option .title{top:10px;font-size:40px}.teacher-card-option .description{bottom:10px;font-size:30px}#school_login{height:100%}#school_login .teacher-menu-title{margin-bottom:47px}#school_login .button-holder{display:flex;justify-content:center}#school_login .button-holder .rect-button{float:none}#school_login .form-holder{display:flex;height:calc(100% - 180px);align-items:center;justify-content:center}#school_login form{width:750px;margin:auto}#school_login form .button-holder{width:540px;margin:90px auto auto}#school_login form .button-holder .btn-wrapper{width:260px;height:54px;display:inline-block}#school_login form .button-holder .rect-button{width:260px}#selection .page-content{width:803px;height:404px}#selection .page-data{justify-content:center}.selection-item{position:relative;flex:1 0 auto;max-width:25%}.selection-item,.selection-item .content-container{display:flex;justify-content:center;align-items:center}.selection-item .content-container{flex-direction:column}.selection-item .content{width:165px;height:165px;border-radius:50%;position:relative;overflow:hidden;cursor:pointer}.selection-item .content .center{width:calc(100% - 10px);height:calc(100% - 10px);border-radius:50%;margin-top:5px;margin-left:5px;background-color:#fff;display:flex;align-items:center;justify-content:center}.selection-item .content .center img{width:90px;height:90px;object-fit:scale-down}.selection-item .name-holder{width:100%;height:67px}.selection-item .name-holder p{width:100%;color:#fff;text-align:center;font-size:22px}#pupil_password_view .text{text-align:center;font-size:41px}#pupil_password_view .name-text{color:#cc50a9;font-size:63px}#pupil_password_view .password-text{margin-bottom:23px}#pupil_password_view .container{display:flex;flex-wrap:wrap;width:530px;height:530px}.password-selection-item{max-width:33.33333%}.password-selection-item .content{width:148px;height:148px;border-radius:50%}.password-selection-item img{width:60%!important;height:60%!important}.popup-container{position:absolute;top:0;left:0;z-index:4000}.popup .container{background-color:#405256;border-radius:25px;width:500px;min-height:300px}.popup .action-button{width:134px;height:134px;border-radius:50%}.popup .next-lesson{background-color:#cc50a9}.popup .close{height:152px;border-radius:25px 25px 0 0;display:flex;justify-content:end;align-items:flex-start}.popup .close .circle-icon-button{width:56px;height:56px;border-radius:50%;z-index:3000;background-color:#383b3f;margin:20px}.popup .close .circle-icon-button img{width:21px}.popup .body-container{position:relative;background-color:#fff;border-radius:0 0 25px 25px;min-height:350px;margin:auto;overflow:hidden;padding:10px;display:flex;flex-direction:column;justify-content:center}.popup .title{text-align:center;line-height:78px;font-size:30px;color:#fff}.popup .message{font-size:22px;width:400px;margin:auto;text-align:center;white-space:pre-line}.popup .button-container{display:flex;width:100%;justify-content:center;margin-top:40px}.popup .button-container :not(:last-child){margin-right:20px}.popup.error{z-index:2001}#forgot_password .container{width:800px;height:450px}#forgot_password .body-container{height:372px}#forgot_password .button-container{margin-top:27px}.code-change .container{width:698px;height:564px;border-radius:0;padding:0}.code-change .header{position:relative;height:76px!important}.code-change .header .close-btn{width:88px;height:88px;border-radius:50%;position:absolute;top:-20px;right:-20px}.code-change .header .header-icon{z-index:1}.code-change .body-container{height:478px;border-radius:0}.code-change .body-container .title{font-size:40px;font-weight:700;margin-bottom:13px}.code-change .body-container .code-text{color:#00f437;margin-bottom:15px;text-align:center}.code-change .body-container .digit-container{margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;width:440px;height:170px}.code-change .body-container .digit-container .rect-button{width:90px;height:90px;flex-shrink:0;cursor:default;background-color:#4c515b}.code-change .body-container .digit-container .rect-button p{font-weight:700;font-size:52px}.code-change .body-container .digit-container .digit-80{width:80px;height:80px;cursor:pointer}.code-change .body-container .preview-container{width:390px;height:90px;margin-bottom:20px}.code-change .body-container .button-container{margin-top:20px}.code-change .body-container .button-container .rect-button{width:200px;height:60px;background-color:#4c515b}.code-change .body-container .button-container .rect-button p{font-size:40px;font-weight:700}#pupil_password_set .container{width:auto;min-width:400px;height:auto}#pupil_password_set .body-container{height:auto;padding:20px}#pupil_password_set .button-container{align-items:center}#pupil_password_set .button-container .icon{position:relative;width:115px;height:115px;flex-grow:0;flex-shrink:0;cursor:pointer}#pupil_password_set .button-container .icon img{width:100%;height:100%;object-fit:scale-down}#pupil_password_set .accept{width:100px;height:100px;border-radius:50%;background-color:#ff3d68;margin-top:25px}#pupil_password_set .close{width:80px;height:80px;border-radius:50%;position:absolute;top:-40px;right:-40px}#pupil_password_set .password-selection-item{max-width:100%;width:138px;height:138px;flex-grow:0}#pupil_password_set .password-selection-item .content{width:138px;height:138px;border-radius:50%;cursor:default}.score-popup .container{background-color:#405256;width:500px}.score-popup .action-button{width:134px;height:134px;border-radius:50%}.score-popup .body-container{position:relative;background-color:#fff;border-radius:0 0 25px 25px;width:auto;height:100%;margin:auto;overflow:hidden}.score-popup .star-container{display:flex;position:relative;height:50%;width:100%;justify-content:center;align-items:center}.score-popup .star-container .img-container{width:134px;height:134px;margin:10px}.score-popup .star-container .img-container .star{position:absolute;animation-name:star-anim;animation-fill-mode:forwards;animation-duration:1.5s;opacity:0}.score-popup .star-container .img-container .star.delay-1{animation-delay:1.5s}.score-popup .star-container .img-container .star.delay-2{animation-delay:3s}.score-popup .star-container .img-container .heart{position:absolute;animation-name:heart-anim;animation-duration:1.5s;animation-fill-mode:forwards}.score-popup .star-container .img-container .heart.delay-1{animation-delay:1.5s}.score-popup .star-container .img-container .heart.delay-2{animation-delay:3s}.score-popup .star-container .img-container .no-anim{position:absolute}.score-popup .button-container{position:relative;display:flex;height:50%;width:100%;justify-content:center;align-items:center}.score-popup .button-container :not(:last-child){margin-right:20px}.level-complete-popup canvas{z-index:3000!important}.level-complete-popup .absolute-centered,.level-complete-popup .icon-medal,.level-complete-popup .icon-medal .icon{position:absolute;left:0;right:0;margin:0 auto;text-align:center}.level-complete-popup .icon-medal{top:35px;z-index:2000}.level-complete-popup .icon-medal .star1{transform:scale(0);animation:pulse 1s linear 3s infinite alternate;width:24px;height:24px;left:-110px;top:60px}.level-complete-popup .icon-medal .star2{transform:scale(0);animation:pulse 1s linear 2s infinite alternate;width:35px;height:35px;top:20px;left:75px}.level-complete-popup .icon-medal .star3{transform:scale(0);animation:pulse 1s linear 4.5s infinite alternate;width:21px;height:21px;bottom:62px;left:34px}#level_actions .level-complete-popup .level-actions-list,#selection .level-complete-popup .page-content,.assessments-gate-popup .close-btn-container .level-complete-popup .rect-button,.assessments-screen .assessment-card .card .number-container .level-complete-popup span,.assessments-screen .assessment-card .level-complete-popup .card-container,.book-lesson-card .level-complete-popup .thumbnail-holder,.book-lesson-card .thumbnail-holder .level-complete-popup img,.card .level-complete-popup .center-area,.card .order-indicator .level-complete-popup .center-circle,.code-change .header .level-complete-popup .header-icon,.generic-lock-code-popup .close-btn-container .level-complete-popup .rect-button,.haxe-view.assessment .assessment-overlay .clipboard-container .level-complete-popup img,.haxe-view.assessment .level-complete-popup #start_view,.haxe-view.assessment .level-complete-popup .haxe-view,.haxe-view.assessment .level-complete-popup .matching-game-complete-popup,.haxe-view.assessment .level-complete-popup .overlay-container,.haxe-view.assessment .level-complete-popup .page,.haxe-view.assessment .level-complete-popup .pocket-view,.haxe-view.assessment .level-complete-popup .popup,.haxe-view.assessment .level-complete-popup .score-popup,.level-complete-popup #level_actions .level-actions-list,.level-complete-popup #selection .page-content,.level-complete-popup .assessments-gate-popup .close-btn-container .rect-button,.level-complete-popup .assessments-screen .assessment-card .card-container,.level-complete-popup .assessments-screen .assessment-card .card .number-container span,.level-complete-popup .book-lesson-card .thumbnail-holder,.level-complete-popup .book-lesson-card .thumbnail-holder img,.level-complete-popup .card .center-area,.level-complete-popup .card .order-indicator .center-circle,.level-complete-popup .centered,.level-complete-popup .code-change .header .header-icon,.level-complete-popup .generic-lock-code-popup .close-btn-container .rect-button,.level-complete-popup .haxe-view.assessment #start_view,.level-complete-popup .haxe-view.assessment .assessment-overlay .clipboard-container img,.level-complete-popup .haxe-view.assessment .haxe-view,.level-complete-popup .haxe-view.assessment .matching-game-complete-popup,.level-complete-popup .haxe-view.assessment .overlay-container,.level-complete-popup .haxe-view.assessment .page,.level-complete-popup .haxe-view.assessment .pocket-view,.level-complete-popup .haxe-view.assessment .popup,.level-complete-popup .haxe-view.assessment .score-popup,.level-complete-popup .pocket-view .pocket-items-list .pocket-item-image img,.level-complete-popup .popup .container,.level-complete-popup .progress .bar-container,.level-complete-popup .score-popup .container,.level-complete-popup .teacher-card-option img,.pocket-view .pocket-items-list .pocket-item-image .level-complete-popup img,.popup .level-complete-popup .container,.progress .level-complete-popup .bar-container,.score-popup .level-complete-popup .container,.teacher-card-option .level-complete-popup img{display:flex;flex-direction:column;align-items:center;color:#fff;margin-top:48px}.level-complete-popup .message{margin-bottom:8px;font-size:36px}.level-complete-popup .message-level{font-size:22px;margin-bottom:30px}.level-complete-popup .circle-icon-button{width:88px;height:88px;border-radius:50%;margin-top:15px;margin-bottom:15px}.level-complete-popup .circle-icon-button img{width:80px;height:50px}.level-complete-popup .circle-icon-button p{margin-top:-12px;font-size:10px;color:#fff}.level-complete-popup .container.card.card-level-3 .star1,.level-complete-popup .container.level-3-light .star1,.level-complete-popup .thumbnail-lesson-card .container.card-clip.card-level-3 .star1,.thumbnail-lesson-card .level-complete-popup .container.card-clip.card-level-3 .star1{top:0;left:-61px}.level-complete-popup .container.card.card-level-3 .star3,.level-complete-popup .container.level-3-light .star3,.level-complete-popup .thumbnail-lesson-card .container.card-clip.card-level-3 .star3,.thumbnail-lesson-card .level-complete-popup .container.card-clip.card-level-3 .star3{top:67px}@keyframes pulse{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes star-anim{to{opacity:1}}@keyframes heart-anim{to{opacity:0}}.matching-game-complete-popup .action-button{width:134px;height:134px;border-radius:50%}.matching-game-complete-popup .body-container{border-radius:25px}.matching-game-complete-popup .star-container{display:flex;position:relative;height:50%;width:100%;justify-content:center;align-items:center}.matching-game-complete-popup .star-container .img-container{width:134px;height:134px;margin:10px}.matching-game-complete-popup .star-container .img-container .star{position:absolute;animation-name:star-anim;animation-fill-mode:forwards;animation-duration:1.5s;opacity:0}.matching-game-complete-popup .star-container .img-container .star.delay-1{animation-delay:1.5s}.matching-game-complete-popup .star-container .img-container .star.delay-2{animation-delay:3s}.matching-game-complete-popup .score-container{justify-content:center;align-items:center}.matching-game-complete-popup .score-container .score{width:134px;margin:10px;text-align:center}.matching-game-complete-popup .button-container{position:relative;display:flex;height:50%;width:100%;justify-content:center;align-items:center}.matching-game-complete-popup .button-container :not(:last-child){margin-right:20px}.debug-password-popup input{width:300px;margin-bottom:10px}.play-popup .circle-icon-button{width:486px;height:486px;border-radius:50%}.disconnection-popup .paginator .circle-icon-button,.disconnection-popup .paginator .circle-icon-button .icon,.disconnection-popup .vertically-centered,.paginator .circle-icon-button .disconnection-popup .icon,.paginator .disconnection-popup .circle-icon-button{width:100%}.disconnection-popup p{text-align:center}.adaptive-popup .title{line-height:50px;margin-top:30px!important}.adaptive-popup .instruction{color:#fff;text-align:center;font-size:21px}.adaptive-popup .leading-instruction{margin-top:20px}.adaptive-popup .back-btn{width:90px;height:90px;border-radius:50%;top:29px;left:19px;background-color:#ff3e69}.assessment-popup .container{background-color:#fff;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.assessment-popup .body-container{display:flex;flex:1;justify-content:center;align-items:center;flex-direction:column;padding:10px}.assessment-popup .star-container{height:auto}.assessment-popup .completion-text{text-align:center;font-size:26px;margin-top:28px;margin-bottom:28px}.assessment-popup .options-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.assessment-popup .options-container div:not(:last-child){margin-right:40px}.assessment-popup .option-container{display:flex;flex-direction:column;align-items:center}.assessment-popup .action-button{width:64px;height:64px}.assessment-popup .replay-button>.action-button{background-color:#fbc63f}.assessment-popup .back-button>.action-button{background-color:#fb5638}.assessment-popup .next-lesson{background-color:#383b3f}.pocket-view{overflow:visible;display:flex;z-index:3000;background-color:#fff;transition:top .5s}.pocket-view.closed{top:-768px}.pocket-view.open{top:0}.pocket-view .pocket-items-list{width:624px;padding:34px 10px;display:flex;flex-wrap:wrap;align-content:baseline}.pocket-view .pocket-items-list .pocket-item{width:12.5%;margin-bottom:34px}.pocket-view .pocket-items-list .pocket-item-cards{display:flex;height:26px;position:relative;flex-direction:column;overflow:hidden}.pocket-view .pocket-items-list .pocket-item-cards span{border-radius:5px 5px 0 0;border:solid #cc50a9;border-width:6px 0 0;background:#4c515b;width:65%;position:absolute;bottom:0}.pocket-view .pocket-items-list .pocket-item-cards span:first-child{height:5px;left:8px;z-index:4}.pocket-view .pocket-items-list .pocket-item-cards span:nth-child(2){height:10px;right:8px;z-index:3}.pocket-view .pocket-items-list .pocket-item-cards span:nth-child(3){height:15px;left:8px;z-index:2}.pocket-view .pocket-items-list .pocket-item-cards span:nth-child(4){height:20px;right:8px;z-index:1}.pocket-view .pocket-items-list .pocket-item-body{width:100%;height:50px;display:flex;justify-content:center;align-items:center;background:#4c515b;border-color:#38d4e1;border-style:solid;border-width:4px 1px 0;padding:5px;box-sizing:border-box;cursor:pointer}.pocket-view .pocket-items-list .pocket-item-body.selected{border-color:#0f0;background:#080}.pocket-view .pocket-items-list .pocket-item-text{color:#fff;width:50%;text-align:center;font-size:25px;margin-right:10px}.pocket-view .pocket-items-list .pocket-item-image{width:40%;height:80%;position:relative;text-align:center;padding-left:5px}.pocket-view .pocket-items-list .pocket-item-image img{max-width:100%;max-height:100%}.pocket-view .pocket-detail-pane{width:400px;background:#dfe1e4;border-radius:0 0 0 40px;margin-bottom:70px;padding:20px}.pocket-view .card-thumbnail-wrapper{display:flex;margin:0 -10px 40px;flex-wrap:wrap}.pocket-view .card-thumbnail-wrapper .card{width:calc(50% - 20px);height:240px;border-radius:15px;padding:10px 0 0;background:#4c515b;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;box-sizing:border-box;margin:0 10px;cursor:default}.pocket-view .card-thumbnail-wrapper .card .card-image{width:120px;margin-top:10px;text-align:center;padding:10px}.pocket-view .card-thumbnail-wrapper .card .card-image img{max-width:100%;max-height:100%}.pocket-view .card-thumbnail-wrapper .card .card-text{color:#fff;font-size:90px;text-align:center}.pocket-view .card-thumbnail-wrapper .card.with-image{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0 0}.pocket-view .card-thumbnail-wrapper .card.with-image .card-text{font-size:30px}.pocket-view .card-thumbnail-wrapper .card.selected{box-shadow:0 0 0 3px #0f0}.pocket-view .card-thumbnail-wrapper .card.locked{background:none;border:3px dashed #b5b5b5;cursor:default;opacity:1}.pocket-view .card-thumbnail-wrapper .card.locked:before{display:none}.pocket-view .card-thumbnail-wrapper .card:before{content:"";display:block;position:absolute;width:100%;height:20px;background:#cc50a9;top:0}.pocket-view .card-thumbnail-wrapper .rule-card .card-text{font-size:35px}.pocket-view .card-thumbnail-wrapper.small{margin:0 -5px}.pocket-view .card-thumbnail-wrapper.small .card{width:calc(20% - 10px);height:100px;border-radius:10px;padding:5px 0 0;margin:5px;cursor:pointer}.pocket-view .card-thumbnail-wrapper.small .card .card-text{font-size:20px}.pocket-view .card-thumbnail-wrapper.small .card:before{height:15px}.pocket-view .card-thumbnail-wrapper.small .rule-card .card-text{font-size:14px}.pocket-view .card-thumbnail-wrapper.locked .card{border:3px dashed #b5b5b5;background:transparent;opacity:1}.pocket-view .card-thumbnail-wrapper.locked .card:before{background:transparent}.pocket-view .controls{display:flex;flex-direction:row;justify-content:center;margin-bottom:40px}.pocket-view .controls button{height:90px;width:90px;padding:10px;margin:10px;border-radius:50%;border:0;background:#4c515b;cursor:pointer}.pocket-view .controls button img{max-width:100%}.pocket-view .controls button.primary{background:#38d4e1}.pocket-view .open-close-container{position:absolute;bottom:0;width:100%;height:192px;pointer-events:none}.pocket-view .open-close-container .bar-container{position:absolute;width:100%;height:96px;overflow:hidden}.pocket-view .open-close-container .bar-container .bar{height:30px;background:#4c515b;bottom:0}.pocket-view .open-close-container .bar-container .circle-icon-button{width:140px;height:140px;background:#4c515b}.pocket-view .open-close-container .bar-container .circle-icon-button img{transform:translateY(-20px)}.pocket-view .open-close-container .bar-container.open{top:96px}.pocket-view .open-close-container .bar-container.close{bottom:-96px}.pocket-view .open-close-container .bar-container.close .circle-icon-button{z-index:1001;bottom:0}.pocket-view .open-close-container .bar-container.close img{transform:translateY(20px)}.popup .pocket-chart-help-paginator-container{background-color:#4c515b;padding:0;height:628px;width:768px}.popup .pocket-chart-help-paginator-container .header{height:100px;position:relative}.popup .pocket-chart-help-paginator-container .header .header-help-icon{height:150px;width:150px;position:absolute;left:50%;transform:translateX(-50%);z-index:1001;background:#4c515b;border-radius:50%;top:-25px}.popup .pocket-chart-help-paginator-container .header .header-close-icon{position:absolute;left:-20px;height:100px;width:100px;top:-20px}.popup .pocket-chart-help-paginator-container .paginator{box-sizing:border-box;position:relative;overflow:hidden;height:calc(100% - 100px)}.popup .pocket-chart-help-paginator-container .page-content{width:100%;height:100%;left:0;text-align:center}.popup .pocket-chart-help-paginator-container .page-content img{max-width:100%;max-height:100%;margin:0 auto}