.card{background-color:hsla(0,0%,100%,.933);border-radius:5px;box-shadow:0 0 4px -2px #000;padding:10px}.page{display:grid;grid-template-rows:1fr;height:auto;margin:auto;width:100%}.page.introPage{grid-template-rows:60px auto 30px;min-height:650px;min-width:300px}.page.introPage .pageContent{align-content:space-between;display:grid;grid-template-rows:1fr auto;padding:10px;text-align:center}.page.introPage .pageTitle{background-color:hsla(0,0%,100%,.667);border-radius:10px;color:#483d8b;font-size:150%;font-weight:700;margin:auto;padding:1ch 0;width:80%}.page.introPage .startButton{align-content:center;background-color:#4b8ad3;border-radius:100px;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 40px 1px;color:gold;display:grid;font-size:1.5rem;font-weight:700;height:150px;margin:auto;padding:20px;text-align:center;width:150px}.page.introPage .startButton:hover{background-color:#7d92aa;cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.page.introPage .startButton:active{background-color:#7daa92;cursor:pointer;-webkit-transform:scale(.96);transform:scale(.96)}.page.gamePage{font-family:Cambay,sans-serif;grid-template-rows:1fr;height:100%}.page.gamePage .navigationPanel{align-items:center;background-color:#ddebfc;border-radius:5px;display:grid;grid-template-columns:auto auto 1fr auto auto;justify-items:center;margin:0 5px;opacity:.6;z-index:6}.page.gamePage .navigationPanel .button{border-radius:6px;-webkit-filter:drop-shadow(-1px 2px rgba(0,0,0,.2));filter:drop-shadow(-1px 2px rgba(0,0,0,.2));height:40px}.page.gamePage .navigationPanel .button:active{-webkit-filter:drop-shadow(-1px 2px transparent);filter:drop-shadow(-1px 2px rgba(0,0,0,0))}.page.gamePage .questionNumber{background-color:#fbdf49;border-radius:3px;font-size:110%;font-weight:700;letter-spacing:1px;margin:8px;min-width:8ch;outline:.5px solid;padding:4px 1ch;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page.gamePage .questionArea{border-radius:5px;display:flex;flex-flow:column nowrap;font-weight:700;justify-content:center;justify-items:center;margin:5px;text-align:center;z-index:1}.page.gamePage .questionArea>div:first-of-type{display:flex;flex-direction:row;gap:5px;justify-content:flex-start}.page.gamePage .templateFIB.questionArea>div:first-of-type,.page.gamePage .templateJumbled.questionArea>div:first-of-type{display:flex;flex-direction:column;gap:5px;justify-content:space-evenly}.page.gamePage .inputArea{display:grid}.page.gamePage .scoreBoard{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";color:#333;display:flex;flex-direction:column;font-variant:small-caps;gap:20px;height:auto;justify-content:center;line-height:1;max-width:14ch;padding:20px 10px;text-align:center}.page.gamePage .scoreBoard .currentScore,.page.gamePage .scoreBoard .totalScore{align-content:stretch;border-radius:10px 10px 0 0;display:grid;grid-template-rows:2.8fr 1fr;height:5ch}.page.gamePage .scoreBoard .totalScore{background-color:#dbf1ef}.page.gamePage .scoreBoard .currentScore{background-color:#ffe2cc}.page.gamePage .scoreBoard .scoreDigit{display:grid;font-family:Cambay,serif;font-size:1.6em;font-weight:700;padding:5px 0;place-content:center;width:100%}.page.gamePage .scoreBoard .scoreTitle{background-color:#fff;display:grid;font-size:.9em;font-weight:700;padding:2px 0;place-content:center;width:100%}.page.gamePage .scoreBoard .border{border-color:hsla(0,0%,80%,0)}.page.gamePage .instructionArea{border-radius:5px;display:grid;font-size:1.2em;font-weight:400;grid-template-columns:1fr 5fr 1fr;grid-template-rows:1fr auto;justify-content:space-between;margin:0 auto;order:-1;padding:.5ch;text-align:left;width:100%}.page.gamePage .submitButton{background-color:#9cbd1c;margin:0 5px 5px}.page.gamePage .submitButton.disabled{background-color:#ccc;color:#999}.page.introPage .header{grid-area:1/1/2/1}.page.introPage .pageContent{grid-area:2/1/3/1}.page.introPage .footer{grid-area:3/1/4/1}.bg-salmon{background-color:salmon;color:#fff}@-webkit-keyframes fade-in{0%{opacity:0;scale:.6;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}to{opacity:1;scale:1}}@keyframes fade-in{0%{opacity:0;scale:.6;-webkit-transform-origin:50% 150%;transform-origin:50% 150%}to{opacity:1;scale:1}}body,html{-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;margin:0;padding:0;-webkit-user-select:none;user-select:none}#root,body,html{height:100%;width:100%}#root{background-position:50%;background-repeat:no-repeat;background-size:350%}a{margin:auto;text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button,a,button,link{cursor:pointer}.bgRed{background-color:#de6d3e}.bgOffWhite{background-color:#efefef}.border{outline:1px solid #999}.tc{text-align:center}.grid{display:grid}.flex,.flexCenter{display:flex}.flexCenter{align-items:center}.gc1{grid-template-columns:1fr}.gc2{grid-template-columns:1fr 1fr}.gc3{grid-template-columns:1fr 1fr 1fr}.gc4{grid-template-columns:repeat(4,1fr)}.gc5{grid-template-columns:repeat(5,1fr)}.gc6{grid-template-columns:repeat(6,1fr)}.gc7{grid-template-columns:repeat(7,1fr)}.gc8{grid-template-columns:repeat(8,1fr)}.gc9{grid-template-columns:repeat(9,1fr)}.gc10{grid-template-columns:repeat(10,1fr)}.gc11{grid-template-columns:repeat(11,1fr)}.gc12{grid-template-columns:repeat(12,1fr)}.gap1{gap:1px}.gap2{gap:2px}.gap3{gap:3px}.gap4{gap:4px}.gap5{gap:5px}.gap6{gap:6px}.gap7{gap:7px}.gap8{gap:8px}.gap9{gap:9px}.gap10{gap:10px}.gap11{gap:11px}.gap12{gap:12px}.w100{width:100%}.h100,.wh100{height:100%}.wh100{width:100%}.taCenter{text-align:center}.taStart{text-align:start}.taEnd{text-align:end}.acCenter{align-content:center}.acStart{align-content:flex-start}.acEnd{align-content:flex-end}.jcStart{justify-content:start}.jcEnd{justify-content:end}.jcCenter{justify-content:center}.jcSpaceAround{justify-content:space-around}.jcSpaceBetween{justify-content:space-between}.jcSpaceEvenly{justify-content:space-evenly}.padding0{padding:0}.padding1{padding:1px}.padding2{padding:2px}.padding3{padding:3px}.padding4{padding:4px}.padding5{padding:5px}.padding6{padding:6px}.padding7{padding:7px}.padding8{padding:8px}.padding9{padding:9px}.padding10{padding:10px}.padding11{padding:11px}.padding12{padding:12px}.margin0{margin:0}.margin1{margin:1px}.margin2{margin:2px}.margin3{margin:3px}.margin4{margin:4px}.margin5{margin:5px}.margin6{margin:6px}.margin7{margin:7px}.margin8{margin:8px}.margin9{margin:9px}.margin10{margin:10px}.margin11{margin:11px}.margin12{margin:12px}.overflowAuto{overflow:auto}.button{border-radius:5px;min-height:42px;min-width:42px;text-align:center}.button.hover{background-color:hsla(0,0%,100%,.3)}.header{grid-column:1/1;grid-row:1/2;grid-template-columns:minmax(42px,72px) 1fr auto}.header .logo img{height:48px}.header .menu{background-color:#fff;border-radius:3px;box-shadow:0 4px 14px .2px rgba(0,0,0,.2);list-style-type:none;margin-top:63px;min-width:190px;padding:0;position:absolute;right:3px;z-index:20}.header .menu li{border-bottom:1px solid #ddd;margin:3px;padding:10px 40px 10px 20px}.header .menu li:last-child{border:none}.header .menu li a{color:inherit!important}.virtualKeyboard,.virtualKeyboard2,.virtualKeyboard3,.virtualKeyboardSubmit,.virtualKeyboardSubmitAndClear{grid-gap:5px;background-color:hsla(0,0%,93%,.2);border-radius:5px;color:#333;display:grid;-webkit-filter:drop-shadow(-1px 3px 2px rgba(0,0,0,.2));filter:drop-shadow(-1px 3px 2px rgba(0,0,0,.2));gap:5px;height:auto;margin:10px auto;min-height:12em;place-content:center;width:-webkit-fill-available}.virtualKeyboard{font-size:1.3em;font-weight:700;grid-template-areas:"num0 num1 num2 num3" "num4 num5 num6 num7" "blank num8 num9 blank2";height:auto;margin-bottom:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:10px}.virtualKeyboard div{align-content:center;aspect-ratio:1;background-color:hsla(0,0%,100%,.933);border-radius:3px;display:grid;justify-content:center;min-height:48px;min-width:48px;outline:.75px solid gray}.virtualKeyboard .item1{grid-area:num1}.virtualKeyboard .item2{grid-area:num2}.virtualKeyboard .item3{grid-area:num3}.virtualKeyboard .item4{grid-area:num4}.virtualKeyboard .item5{grid-area:num5}.virtualKeyboard .item6{grid-area:num6}.virtualKeyboard .item7{grid-area:num7}.virtualKeyboard .item8{grid-area:num8}.virtualKeyboard .item9{grid-area:num9}.virtualKeyboard .item0{grid-area:num0}.virtualKeyboard .blank{background-color:initial;border:initial;grid-area:blank}.virtualKeyboard .blank2{background-color:initial;border:initial;grid-area:blank2}.clearAnswer{background-color:#de6d3e}.clearAnswer,.submit{aspect-ratio:1;border:none;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.133);height:45px;padding:15px;text-align:center;width:45px}.submit{background-color:#9cbd1c}.clearAnswer.disabled,.submit.disabled{background-color:#ccc;box-shadow:0 4px 8px transparent;color:#999}.virtualKeyboard2{grid-template-areas:"num1 num2 num3 num4 num5 submit" "num6 num7 num8 num9 num0 submit" "clear clear clear clear clear submit";grid-template-columns:repeat(6,1fr)}.virtualKeyboard2 div{min-height:44px;min-width:auto}.virtualKeyboard2 .numericButtons,.virtualKeyboard3 .numericButtons{display:none;opacity:0}.virtualKeyboard3{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";align-items:center;font-size:27px;font-variant:small-caps;grid-template:1fr/1fr 1fr;margin-bottom:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:10px}.virtualKeyboard3 div{align-content:center;background-color:hsla(0,0%,100%,.933);border-radius:6px;display:grid;height:4em;justify-content:center;outline:.75px solid gray}.virtualKeyboard3 .item1{border:3px solid transparent;color:green;grid-area:1/1/2/2}.virtualKeyboard3 .item5{border:3px solid transparent;color:red;grid-area:1/2/2/3}.virtualKeyboard3 .highlight{border-color:red}.virtualKeyboardSubmit,.virtualKeyboardSubmitAndClear{grid-gap:5px;display:grid;font-size:18px;font-weight:700;gap:5px;grid-template-areas:"submit";margin-bottom:0;padding:10px}.virtualKeyboardSubmit div,.virtualKeyboardSubmitAndClear div{align-content:center;background-color:#fdffe3;border-radius:3px;display:grid;justify-content:center;min-height:44px;outline:.75px solid gray;text-align:center}.virtualKeyboardSubmit .clearAnswer,.virtualKeyboardSubmitAndClear .clearAnswer{background-color:#de6d3e;padding:2ch}.virtualKeyboardSubmit .submit,.virtualKeyboardSubmitAndClear .submit{background-color:#9cbd1c}.virtualKeyboardSubmit .clearAnswer.disabled,.virtualKeyboardSubmit .submit.disabled,.virtualKeyboardSubmitAndClear .clearAnswer.disabled,.virtualKeyboardSubmitAndClear .submit.disabled{background-color:#ccc;color:#999;padding:2ch}.clearAnswer:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h45v45H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='MDI / backspace-outline' opacity='.6' clip-path='url(%23a)'%3E%3Cpath data-name='Path / backspace-outline' d='m28.748 26.09-1.622 1.41-4.13-3.59-4.129 3.59-1.622-1.41 4.129-3.59-4.13-3.59 1.623-1.41 4.13 3.59 4.129-3.59 1.622 1.41-4.13 3.59 4.13 3.59m3.451-12.59a2.166 2.166 0 0 1 2.3 2v14a2.166 2.166 0 0 1-2.3 2H14.944a2.263 2.263 0 0 1-1.829-.89L6.891 22.5l6.224-8.12a2.256 2.256 0 0 1 1.829-.88h17.255m0 2H14.944l-5.43 7 5.43 7h17.255Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");font-size:1.6em}.clearAnswer:after,.submit:after{color:#efefef;display:grid;font-family:emoji;font-weight:700;height:100%;line-height:.8;place-content:center;text-align:center;width:100%}.submit:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h45v45H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='MDI / progress-check' opacity='.6' clip-path='url(%23a)'%3E%3Cpath data-name='Path / progress-check' d='M23.959 7.141v3.1a12.288 12.288 0 0 1 0 24.39v3.072a15.359 15.359 0 0 0 0-30.564m-3.068.048a15.094 15.094 0 0 0-8.19 3.379l2.2 2.273a12.28 12.28 0 0 1 5.99-2.58V7.187m-10.356 5.545a15.182 15.182 0 0 0-3.394 8.186h3.072a12.313 12.313 0 0 1 2.519-5.99l-2.2-2.2m17.263 4.347-7.5 7.5-3.256-3.256-1.628 1.628 4.884 4.884 9.132-9.12-1.628-1.628M7.156 23.99a15.42 15.42 0 0 0 3.395 8.186l2.181-2.2a12.291 12.291 0 0 1-2.5-5.99H7.156m7.741 8.248-2.2 2.1a15.35 15.35 0 0 0 8.194 3.477v-3.07a12.291 12.291 0 0 1-5.994-2.503Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");font-size:1.8em}.virtualKeyboardSubmitAndClear{grid-template-columns:repeat(6,1fr)}.virtualKeyboardSubmitAndClear .submit{grid-area:1/4/2/7}.correcOrWrong{background-color:#f9f9f9;border-radius:5px;font-size:55px;font-weight:700;margin:0 5px 5px;padding:10px;text-align:center}.correcOrWrong .mark.correct{color:green}.correcOrWrong .mark.wrong{color:red}.correcOrWrong .inst{font-size:12px;font-style:italic;font-weight:400}.mainQuestion{border-radius:5px;color:#665;font-size:1.3em;font-weight:bolder;line-height:1.3;margin:10px 0;padding:.5ch .3ch .5ch .5ch;text-align:left}.mainQuestion:before{background-image:url(/interactive-learning/static/media/teacher.f0963e25be6552d7f59d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#248;content:"";font-size:200%;font-weight:700;line-height:1;margin-right:4px;opacity:.6;padding:0 1ch 0 5px}.mainQuestion.bottom{align-items:center;background-color:rgba(227,237,244,.776);background-image:none;color:brown;display:flex;flex-wrap:nowrap;font-size:1.3rem;font-weight:700;justify-content:flex-start;padding:1ch;text-align:left}.mainQuestion.bottom:before{background:none;color:#69c;content:"Q";font-size:200%;justify-self:flex-start;line-height:1;opacity:.6;padding:0 5px}.mainQuestionImage img{display:grid;height:12ch;height:auto;margin:auto;scale:1.6;scale:1}.mainQuestionText{align-content:center;align-items:center;background-color:hsla(0,0%,93%,.4);color:#248;display:flex;flex-wrap:wrap;font-size:1.3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;line-height:1.5;max-width:85%;padding:1ch}.mainQuestionText .word{background-color:#fefefe;border-radius:3px;margin:auto 5px;outline:1px solid #ddd;padding:2px 10px}.inputFieldContainer{align-items:center;background-color:#fff;border-radius:5px;display:flex;font-size:1.5em;height:45px;justify-content:center;line-height:45px;margin:auto;outline:.5px solid green;padding:0;text-align:center;width:90%}.instructions{grid-area:1/1/2/3}.instructions span{color:rgba(102,119,136,.867);font-weight:700;grid-area:1/1/2/3;margin-left:5px}.instructions:before{background-image:url(/interactive-learning/static/media/bulb.69174840f76408130ff4.svg);background-position:2.5px 5px;background-repeat:no-repeat;background-size:contain;content:"";display:inline-flex;font-size:120%;grid-area:1/1/2/3;height:30px;width:30px}.instructionsContent{color:#666;grid-area:2/1/2/3;padding:0 1ch}.template2 .highlightOption{grid-gap:10px;display:grid;gap:10px;grid-template:1fr 1fr/1fr 1fr;justify-content:space-around;padding:1ch}.template2 .highlightOption .options{border-radius:2px;outline:2px solid rgba(0,0,0,.067);text-align:center}.template2 .highlightOption .options img{max-width:5em;max-width:250px;mix-blend-mode:multiply;scale:1.6;scale:1;width:auto;width:95%}.options.active,.template2 .highlightOption .options.active{outline:3px solid rgba(255,0,0,.6)}.template4{display:grid;grid-template-rows:auto 1fr}.template4 .mainQuestionImage{margin-top:10px}.template4 .mainQuestionImage canvas{background-color:#d5eaec;border:1px solid #9dafb0;border-radius:5px}.templateMCQ .optionsContainer{font-size:1.1rem}.templateMCQ .optionsContainer ul{list-style-type:none;margin:0;padding:0}.templateMCQ .optionsContainer ul li{align-items:center;background-color:rgba(153,153,0,.133);border-radius:4em;color:#248;display:grid;font-weight:bolder;grid-template-columns:auto auto 1fr;height:3.5ch;margin:5px auto;max-width:80%;padding:4px 2px}.templateMCQ .optionsContainer ul li .radio{cursor:pointer;height:25px;margin-top:.2px;width:25px}.templateMCQ .optionsContainer ul li span{display:inline-block;margin-left:10px}.templateFIB .answerContainer,.templateFIB .optionsContainer,.templateJumbled .answerContainer,.templateJumbled .optionsContainer{background-color:hsla(31,85%,87%,.333);border-radius:5px;display:flex;flex-flow:row wrap;gap:5px;justify-content:flex-start;margin:5px auto;min-height:32px;padding:1ch;white-space:nowrap;width:88%}.templateFIB .answerContainer .word,.templateFIB .optionsContainer .word,.templateJumbled .answerContainer .word,.templateJumbled .optionsContainer .word{align-content:center;background-color:hsla(0,0%,100%,.6);border-radius:3px;color:#248;cursor:pointer;display:inline-block;display:grid;line-height:1.2;outline:1px solid #aaa;padding:5px 1ch;text-align:center}.templateFIB .answerContainer .word.active,.templateFIB .optionsContainer .word.active,.templateJumbled .answerContainer .word.active,.templateJumbled .optionsContainer .word.active{background-color:#c8e5c8}.templateFIB .answerContainer,.templateJumbled .answerContainer{background-color:rgba(211,250,195,.333)}.templateFIB .answerContainer:before,.templateJumbled .answerContainer:before{color:rgba(255,165,0,.6);content:"▼ ▼ ▼";display:block;position:absolute;-webkit-transform:translate(1ch,-2ch);transform:translate(1ch,-2ch);width:auto}.templateFIB .mainQuestion{line-height:1.4;padding:0 2ch}.templateFIB .highlighted .fillInTheBlank{background-color:#f0fde9}.templateFIB .fillInTheBlank{border-bottom:1px solid #000;display:inline-block;min-width:60px;padding:0 20px;text-align:center}.templateMTF .canvas{background-color:#d9efe5}.alertContainer{align-items:center;-webkit-animation:fade-in .15s ease-in;animation:fade-in .15s ease-in;background-color:hsla(0,0%,100%,.667);border-radius:1em;display:flex;-webkit-filter:drop-shadow(0 1em 1em rgba(0,0,0,.267));filter:drop-shadow(0 1em 1em rgba(0,0,0,.2666666667));flex-flow:column nowrap;justify-content:center;margin:auto;overflow:hidden;z-index:2}.alertContainer .backdrop{background-position:top;background-repeat:no-repeat;height:100%;position:absolute;width:100%;z-index:-1}.alertContainer .backdrop.correct{background-color:hsla(98,53%,94%,.945)}.alertContainer .backdrop.wrong{background-color:hsla(32,38%,92%,.941)}.alertContainer .backdrop.correct.congrats{-webkit-animation:bonusColors 4s infinite;animation:bonusColors 4s infinite;background-color:rgba(220,241,245,.925);background-position:50%}@-webkit-keyframes bonusColors{0%,to{background-color:rgba(221,255,255,.8)}33%{background-color:rgba(255,255,238,.8)}66%{background-color:rgba(221,255,221,.8)}}@keyframes bonusColors{0%,to{background-color:rgba(221,255,255,.8)}33%{background-color:rgba(255,255,238,.8)}66%{background-color:rgba(221,255,221,.8)}}.alertContainer .alertContent{color:hsla(0,0%,100%,.933);color:#000;font-size:larger;font-weight:700;height:100%;text-align:center;width:100%}.alertContainer .alertContent .contentContainer{align-items:center;border-radius:5px;display:grid;justify-items:center;margin:auto;padding:20px 0;text-align:center}.alertContainer .alertContent .contentContainer img{scale:.9}.alertContainer .alertContent .contentContainer .popupBtn{display:grid;margin-top:-4em;width:inherit}.alertContainer .alertContent .contentContainer .button{border-radius:5em;color:green;cursor:pointer;line-height:45px;margin:10px auto;outline:.5px solid;padding:0 15px;scale:1;transition:all .18s ease;width:auto}.alertContainer .alertContent .contentContainer .button:active,.alertContainer .alertContent .contentContainer .button:hover{background-color:hsla(0,0%,100%,.667);scale:1.03}.alertContainer .alertContent .contentContainer.correct,.alertContainer .alertContent .contentContainer.wrong{height:8em;width:10em}.alertContainer .alertContent .contentContainer.undefined{height:18em;width:15em}.alertContainer .alertContent .wellDone{color:#ff4500;-webkit-filter:drop-shadow(-4px 4px 4px #ff0);filter:drop-shadow(-4px 4px 4px #ff0);font-size:1.7em;line-height:1;text-shadow:-5px -5px rgba(255,0,0,.333),8px 8px rgba(0,255,0,.333),-5px 3px #fff,-8px -8px rgba(0,255,0,.333)}.alertContainer .alertContent .qPlayed{color:#343833;font-size:1em;line-height:1}.alertContainer .alertContent .gifImage{max-width:8em;width:30%}.alertContainer .alertContent .message{color:#b83100;display:inline-block;font-size:medium;font-style:italic;font-weight:400;margin-top:10px;width:80%}.alertContainer .alertContent .message b{font-size:2em}.alertContainer .alertContent .message img{aspect-ratio:1;width:40px}.quesNum{aspect-ratio:1;background-color:#fff;font-size:16px;font-weight:700;justify-self:flex-end;letter-spacing:1px;padding:4px}.audioControl,.quesNum{align-items:center;border-radius:20px 0 0 20px;display:flex;grid-area:1/3/3/4;justify-content:center;position:absolute;right:0;width:50px}.audioControl{background-color:#efe;background-image:url(/interactive-learning/static/media/speaker.7f4716e4da0d6b9dc7da.svg);background-position:50%;background-repeat:no-repeat;background-size:40px;cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1);height:50px;justify-self:right;-webkit-transform:translate(5px,50px) scale(.9);transform:translate(5px,50px) scale(.9);z-index:3}.audioControl:active{-webkit-transform:translate(5px,75px) scale(.84);transform:translate(5px,75px) scale(.84)}.audioControl.soundSwitch{-webkit-filter:grayscale(0);filter:grayscale(0)}@media screen and (orientation:portrait)and (max-width:640px){.audioControl{scale:.9}.mainQuestionText{display:flex!important;margin:auto;max-width:75%;padding:.5ch;row-gap:.7ch}.template2 .highlightOption{display:flex;flex-direction:column;margin:auto;width:60%}}@media screen and (orientation:portrait)and (max-width:360px){.mainQuestion{margin:2px}.virtualKeyboard3{grid-template:repeat(1,1fr)/repeat(2,1fr);min-height:4em}.contentContainer.undefined{height:auto!important;width:90%!important}.templateFIB .answerContainer,.templateFIB .optionsContainer,.templateJumbled .answerContainer,.templateJumbled .optionsContainer{max-width:80%}}@media screen and (orientation:portrait)and (max-width:960px){div#paheli_container{grid-row-gap:5px;display:grid;grid-template-columns:1fr;grid-template-rows:0 6ch auto 1fr;margin:10px;row-gap:5px}.navigationPanel{grid-area:2/1/3/2}.questionArea{grid-area:1/1/4/2;padding:0}.inputArea{grid-area:4/1/6/1;grid-template:repeat(6,1fr)/repeat(12,1fr)}.inputFieldContainer{grid-area:1/5/2/9;width:100%}.inputAreaKeys{display:grid;grid-area:1/1/7/13;grid-template:repeat(6,1fr)/repeat(12,1fr);place-items:center}.inputAreaKeys .clearAnswer{grid-area:1/3/2/5}.inputAreaKeys .submit{grid-area:1/9/2/11}.vkS{max-height:20ch}.vk1 .virtualKeyboard{margin:0 5px}.vk2 .clearAnswer,.vk3 .clearAnswer,.vkSC .clearAnswer{grid-column:2/7;width:75%}.vk2 .submit,.vk3 .submit,.vkSC .submit{grid-column:7/12;width:75%}.vkS .submit{grid-area:1/1/4/9;width:75%}.virtualKeyboard2{display:none}.virtualKeyboard,.virtualKeyboard2,.virtualKeyboard3{align-self:flex-start;grid-area:2/1/7/9;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 5px}.virtualKeyboardSubmit,.virtualKeyboardSubmitAndClear{display:none}.scoreBoard{grid-area:2/9/6/13;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.scoreBoard>div{height:6ch}.vkS-input .scoreBoard{grid-area:1/9/6/13}.alertContainer{grid-area:1/1/5/2}.mainQuestionText{display:grid;grid-template-columns:repeat(auto-fit,minmax(-webkit-max-content,5ch));grid-template-columns:repeat(auto-fit,minmax(max-content,5ch));justify-content:center}.template3 .mainQuestionText{grid-template-columns:80%;max-height:50%;padding:1ch;text-align:left}}@media (min-width:961px),screen and (orientation:landscape){div#paheli_container{grid-gap:5px;border-radius:5px;display:grid;gap:5px;grid-template:repeat(5,1fr)/repeat(12,1fr);margin:auto;max-width:900px;min-height:420px;padding:5px;width:98%}.navigationPanel{grid-area:1/1/2/13}.questionArea{grid-area:1/1/5/8;padding:1ch 2ch}.inputArea,.inputAreaKeys{grid-area:1/1/7/13;grid-template:repeat(5,1fr)/repeat(12,1fr)}.inputAreaKeys{display:grid;place-items:center}.clearAnswer{grid-area:5/2/7/2}.submit{grid-area:5/5/7/8}.vk2 .clearAnswer,.vk3 .clearAnswer,.vkSC .clearAnswer{grid-column:1/4;width:75%}.vk2 .submit,.vk3 .submit,.vkSC .submit{grid-column:5/8;width:75%}.vkS .submit{grid-column:2/7;width:75%}.inputFieldContainer{grid-area:5/3/7/6}.virtualKeyboard,.virtualKeyboard2,.virtualKeyboard3,.virtualKeyboardSubmit,.virtualKeyboardSubmitAndClear{grid-area:2/8/5/11;margin:0 10px}.scoreBoard{grid-area:2/11/5/13;height:70%}.alertContainer{grid-area:1/1/6/8}}.mobile-device .vkS .virtualKeyboardSubmit{display:none}
/*# sourceMappingURL=main.8cafbf96.css.map*/