@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css?family=Quintessential";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;height:100%;font-family:Poppins,Arial,serif}code{font-family:Poppins,Arial,serif}:root{--toolbar-size:10vh;--button-icon-size:35px;--homepage-max-width:700px;--game-box-height:250;--game-box-width:450;--game-border-width:3;--play-button-width:60;--play-button-font-size:40;--audio-button-font-size:150;--practice-page-button-width:50px;--fab-button-width:70;--fab-button-font-size:58;--nav-bar-width:200}@media only screen and (max-width:500px){:root{--game-box-height:175;--play-button-font-size:36;--button-icon-size:25px;--button-text-size:x-small}}kbd{background-color:#eee;border:1px solid #000;border-radius:5px;padding:2px}.public-page-h1{color:#cc4100;text-align:center;font-family:Quicksand;font-weight:900}@media only screen and (max-width:899px){.public-page-h1{font-size:1.75em}}@media only screen and (max-width:599px){.public-page-h1{font-size:1.5em}}.LandingPage{justify-content:center;align-items:center;margin-left:20px;margin-right:20px;padding:10px;display:flex}.tagLine{text-align:center;font-size:xx-large}@media only screen and (max-width:500px){.tagLine{font-size:x-large}}.message{font-size:large;overflow:auto}.item-img{object-fit:contain;max-width:100%;max-height:100%}.logo-learnMore{max-width:25%;height:auto;margin-bottom:35px}.logo-text{margin-bottom:40px;font-size:2.5rem;font-weight:bolder}.faqs{width:100%;margin:0 auto;padding:15px}.faqs .faq{background-color:#fff;border-radius:8px;margin:15px;padding:40px;box-shadow:0 0 10px #0003}.faqs .faq .faq-question{width:100%;color:inherit;text-align:left;line-height:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0 80px 0 0;font-family:Quicksand;font-size:20px;font-weight:500;transition:all .4s;display:block;position:relative}.faqs .faq .faq-question:after{content:"";width:30px;height:30px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.faqs .faq .faq-answer{visibility:hidden;opacity:0;max-height:0;margin:0;font-family:Quicksand;font-weight:500;transition:all .1s ease-out;overflow-y:hidden}.faqs .faq.open .faq-question{margin-bottom:15px}.faqs .faq.open .faq-question:after{transform:translateY(-50%)rotate(180deg)}.faqs .faq.open .faq-answer{visibility:visible;opacity:1;max-height:3000px}.learnMoreFront{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.howToUseComp{width:65%;margin:auto auto 30px}@media only screen and (max-width:500px){.message{width:90%;font-size:small}.text{font-size:16px}.logo-learnMore{max-width:102%}}@media (max-width:600px){.item-img{width:100%;height:auto}}@media only screen and (max-width:768px){.message{font-size:medium}.text{font-size:16px}.logo-learnMore{max-width:81%}}@media screen and (max-width:1150px){.logo-learnMore{max-width:48%}}.grayscale,.grayed{filter:grayscale()brightness(80%)}.game{height:calc(var(--game-box-height) * 1px);width:100%;max-width:var(--homepage-max-width)}.gameBorder{border:calc(var(--game-border-width) * 1px) solid black;border-radius:5px}.game--tall{height:calc(var(--game-box-height) * 1.6px)}.game--suspended *,.game--suspended :before,.game--suspended :after{animation-play-state:paused!important}.game--artboard{aspect-ratio:4200/1440;height:auto;min-height:150px}.smallerPlaceHolder{height:calc(var(--game-box-height) * 1px);width:200px}.flex-container{flex-direction:row;align-items:center;display:flex}.spacebarMessage{padding-left:20px}.instructions{width:100%;max-width:800px;margin:0 auto;font-size:xx-large}.pageContent{padding:30px;padding-left:calc((var(--nav-bar-width) + 30) * 1px);justify-content:center}.pageContentSimplified{justify-content:center;width:100%;max-width:900px;margin-left:auto;margin-right:auto;padding:30px}@media only screen and (max-width:768px){.pageContent,.pageContentSimplified{padding-left:20px}}.practicePage{width:100%;max-width:900px;margin:0 auto;font-size:xx-large}.userHomePage{width:100%;max-width:900px;margin:0 auto}.progressPage{width:100%;max-width:600px;margin:0 auto}.progressIndicator{max-width:var(--homepage-max-width);margin-bottom:5px;font-size:small}.login{width:400px;max-width:100%;padding-top:10px;padding-bottom:10px;font-size:large}.error{color:red;font-weight:400}.success{float:right;width:20px;height:20px}.factGrid{width:100%;max-width:var(--homepage-max-width);font-size:xx-small}.fullSizeComponent{width:100%;max-width:var(--homepage-max-width)}.pieChart{width:100%;height:200px}.operationSelector{max-width:200px}.MentorDashboard{width:100%;margin:20px}.inputField{width:150px;margin:0;padding:0}.cardHeader{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:left}.dropdown{text-align:left;width:fit-content}.headerText{color:#000;font-weight:700}.pad{background-color:#999;flex-direction:column;place-content:center;width:200px;font-size:small;display:flex}.numpadRow{justify-content:center;align-items:center;display:flex}.key{background-color:#bbb;border:6px inset #ccc;border-radius:2px;width:61px;height:58px;margin:2px;padding:0;font-size:25px}@media only screen and (max-width:500px){.key{width:49px;height:48px;font-size:20px}.pad{width:165px}}.key:hover{background-color:#aaa}.key-action{background-color:#0000;border:0;border-radius:10em;outline:0;width:4em;height:4em}.key-action:hover{background-color:#0002}.operationDetails{font-size:medium}.saveAndCancel{justify-content:flex-end;display:flex}.settingsHeader{justify-content:space-between;display:flex}.feedbackPage{overflow:auto}.feedbackRow{justify-content:flex-start;margin-bottom:10px;display:flex}.feedbackRowElement{margin-right:20px}.feedbackRowFactGrid{flex:39%;margin-right:20px}.feedbackRowPieChart{flex:15%;min-width:0;margin-left:20px}.feedbackRowLevelHistory{flex:46%;min-width:0}.feedbackRowTrophy{margin-left:20px;margin-right:20px}.feedback-consistency{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.feedback-consistency>p{margin:.2rem}.mobileFeedbackItem{margin-top:10px;margin-bottom:10px}.pieChartRow{flex-wrap:wrap;justify-content:flex-start;display:flex}.sr-only{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.sr-only-focusable:focus{color:#000;z-index:9999;background:#fff;border:2px solid #000;width:auto;height:auto;padding:4px 8px;display:inline-block;position:fixed;top:8px;left:8px;overflow:visible}.wrappingRow{max-width:var(--homepage-max-width);flex-wrap:wrap-reverse;justify-content:space-between;align-items:flex-start;margin:20px auto;display:flex}.noWrapRow{max-width:var(--homepage-max-width);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex;position:relative}.multipleChoiceButtonRow{flex-wrap:nowrap;justify-content:left;align-items:center;max-width:500px;margin-top:10px;margin-bottom:10px;display:flex}.multipleChoiceButton{background-color:#bfdbee;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:3px;padding:3px;font-size:24px}.continuousPlayButton{height:calc(var(--play-button-width) * 1px);width:calc(var(--play-button-width) * 1px);background-color:#0000;border:none;margin-left:0;margin-right:-4px}.playButton{height:calc(var(--play-button-width) * 1px);width:calc(var(--play-button-width) * 1px);background-color:#0000;border:none;margin-left:-4px;margin-right:-4px}.homeButton{height:calc(var(--play-button-width) * 1px);width:calc(var(--play-button-width) * 1px);background-color:#0000;border:none;margin-left:0;margin-right:0}.replayButton{background-color:#fff;border:none;width:150px;height:150px;margin-left:10px}.fabButton{background-color:#0000;border:none;height:70px;width:100%!important}.fabContainer{z-index:99999;position:fixed;bottom:30px;right:30px}.fabContainer img{height:100%}.buttonBank{justify-content:left;align-items:flex-start;gap:4px;display:flex}.playButtonBank{justify-content:left;align-items:flex-start;display:flex}.buttonText{margin:0;font-size:small}@media only screen and (max-width:500px){.playButtonBank,.buttonBank{justify-content:center;font-size:13px}.buttonText{font-size:xx-small}}.dividedButtons{justify-content:space-between;align-items:flex-start;display:flex}.buttonGroup{justify-content:center;align-items:center;margin-left:0;font-size:12px;display:flex}.autoBreakContent{display:flex}@media only screen and (max-width:500px){.autoBreakContent{flex-direction:column;align-items:center}}.autoBreakButton{border:2px solid #aaa!important;border-radius:7px!important}.autoBreakIcon{margin-right:10px}.autoBreakOption{padding-left:10px;text-align:left!important;text-transform:none!important}.autoBreakHeader{text-align:center;padding-bottom:10px;font-family:Quicksand;font-size:large;font-weight:600}.autoBreakPlayButton{margin-left:10px}.speechbubble{margin:10px;display:inline-block;position:relative}.speechbubble__box{background-color:var(--sb-bg,#f4a07a);border-radius:var(--sb-radius,20px);padding:var(--sb-padding,12px 20px);box-sizing:border-box;position:relative;overflow:visible}.speechbubble__tail{width:0;height:0;position:absolute}.speechbubble__tail.bottom-left,.speechbubble__tail.bottom-center,.speechbubble__tail.bottom-right{bottom:calc(var(--sb-tail-size,20px) * -.5);border-left:var(--sb-tail-size,20px) solid transparent;border-right:var(--sb-tail-size,20px) solid transparent;border-top:var(--sb-tail-size,20px) solid var(--sb-bg,#f4a07a)}.speechbubble__tail.bottom-left{left:var(--sb-tail-offset,20px)}.speechbubble__tail.bottom-center{left:50%;transform:translate(-50%)}.speechbubble__tail.bottom-right{right:var(--sb-tail-offset,20px)}.speechbubble__tail.top-left,.speechbubble__tail.top-center,.speechbubble__tail.top-right{top:calc(var(--sb-tail-size,20px) * -.5);border-left:var(--sb-tail-size,20px) solid transparent;border-right:var(--sb-tail-size,20px) solid transparent;border-bottom:var(--sb-tail-size,20px) solid var(--sb-bg,#f4a07a)}.speechbubble__tail.top-left{left:var(--sb-tail-offset,20px)}.speechbubble__tail.top-center{left:50%;transform:translate(-50%)}.speechbubble__tail.top-right{right:var(--sb-tail-offset,20px)}.speechbubble__tail.left-top,.speechbubble__tail.left-center,.speechbubble__tail.left-bottom{left:calc(var(--sb-tail-size,20px) * -.5);border-top:var(--sb-tail-size,20px) solid transparent;border-bottom:var(--sb-tail-size,20px) solid transparent;border-right:var(--sb-tail-size,20px) solid var(--sb-bg,#f4a07a)}.speechbubble__tail.left-top{top:var(--sb-tail-offset,20px)}.speechbubble__tail.left-center{top:50%;transform:translateY(-50%)}.speechbubble__tail.left-bottom{bottom:var(--sb-tail-offset,20px)}.speechbubble__tail.right-top,.speechbubble__tail.right-center,.speechbubble__tail.right-bottom{right:calc(var(--sb-tail-size,20px) * -.5);border-top:var(--sb-tail-size,20px) solid transparent;border-bottom:var(--sb-tail-size,20px) solid transparent;border-left:var(--sb-tail-size,20px) solid var(--sb-bg,#f4a07a)}.speechbubble__tail.right-top{top:var(--sb-tail-offset,20px)}.speechbubble__tail.right-center{top:50%;transform:translateY(-50%)}.speechbubble__tail.right-bottom{bottom:var(--sb-tail-offset,20px)}.streak-dialog .dialog-header{text-align:center;font-family:Quicksand;font-weight:600}@media only screen and (max-width:899px){.streak-dialog .dialog-header{font-size:1.75em}}@media only screen and (max-width:599px){.streak-dialog .dialog-header{font-size:1.5em}.streak-dialog .content{flex-direction:column-reverse;align-items:center;display:flex}.streak-dialog .messages .speechbubble__tail{top:unset;left:unset;right:unset;transform:unset;border-top:unset;border-bottom:unset;border-right:unset;bottom:calc(var(--sb-tail-size,20px) * -.5);left:var(--sb-tail-offset,20px);border-left:var(--sb-tail-size,20px) solid transparent;border-right:var(--sb-tail-size,20px) solid transparent;border-top:var(--sb-tail-size,20px) solid var(--sb-bg,#f4a07a)}.streak-dialog .dragon{width:60%!important}.streak-dialog .speechbubble{width:80%!important}.streak-dialog .messages{justify-content:center;align-items:center;width:100%!important}}.streak-dialog .content{justify-content:center;width:100%;display:flex}.streak-dialog .dragon{object-fit:contain;align-self:flex-start;width:33%}.streak-dialog .messages{align-items:flex-start;width:33%;display:flex}.streak-dialog .count{font-size:12pt}.count .streak{justify-content:center;align-items:center;display:flex}.count .shield{padding-bottom:10px}.streak-dialog .streak-icon{min-width:20px;max-width:40px}.streak-dialog .streak-count{padding:5px;font-size:14pt;font-weight:bolder}@media only screen and (max-width:768px){.donePracticingDialog .content{flex-direction:column-reverse;display:flex}}@media only screen and (max-width:768px) and (min-width:500px){.donePracticingDialog .MuiDialog-paper{max-width:450px}}.donePracticingDialog{text-align:center;padding:20px}.donePracticingDialog .content{padding:10px;display:flex}.donePracticingDialog .dragon{aspect-ratio:1;object-fit:contain;width:50%;height:auto}.donePracticingDialog .new-earned{flex:1}.donePracticingDialog .timestamp{margin-top:10px}.dragon-and-message{flex-direction:column;align-items:center;display:flex}.ppButton{height:var(--practice-page-button-width);min-width:var(--practice-page-button-width);background-color:#fff;border-color:#aaa;border-radius:7px;justify-content:center;align-items:center;width:100%;margin:0;padding:0;font-size:0}.ppToggleButton{background-color:#fff;border-color:#eee}.ppButton>p{margin:0;font-size:30px}.ppButtonSelected,.ppButton:active{background-color:#bbb}.ppButtonGroupLeft{border-style:solid;border-color:#bbb #0000 #bbb #bbb;border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.ppButtonGroupMiddle{border-style:solid;border-color:#bbb #0000 #bbb #bbb;border-radius:0;margin-left:0;margin-right:0}.ppButtonGroupRight{border-style:solid;border-color:#bbb;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.ppButtonChild{font-size:30px}.buttonWithText{min-width:var(--practice-page-button-width);font-size:calc(var(--button-text-size) * 1px);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.buttonWithText span{width:100%}.selectorWithText{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.buttonColumn{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}@media only screen and (max-width:500px){.buttonColumn{align-items:center}}.playElementsColumn{flex-direction:column;align-items:center;margin-left:10px;display:flex}.distinctElement{margin-top:10px}.mediumWidthText{width:300px}.center{max-width:var(--homepage-max-width);flex-direction:column;justify-content:center;align-items:center;display:flex}.addLeftMargin{margin-left:20px}.alignleft{justify-content:flex-start;display:flex}.aligncenter{justify-content:flex-start;align-items:center;display:flex}.addVerticalMargin{margin-top:5em;margin-bottom:5em}.badges{flex-wrap:wrap;justify-content:flex-start;display:flex}.badgeImage{width:50px;height:50px;position:relative}.badgeSet{background-color:#f0f0f0;border-style:outset;border-width:3px;place-self:flex-start;width:max-content;max-width:90%;margin-bottom:16px;margin-right:16px}.bigBadge{width:100%;height:auto;padding:50px}.paddedLeft{padding-left:15px}.navUser{color:#000;flex-direction:column;align-items:center;gap:7px;padding:10px 5px 0;font-size:large;font-weight:700;display:flex}.navUser>div{text-align:center;flex:100%}.assignmentBlock{width:fit-content;min-width:200px}.editingAssignmentBlock{width:fit-content;min-width:300px}@media only screen and (max-width:500px){.assignmentBlock{width:100%}}.assignmentRow{scroll-behavior:auto;flex-direction:row;display:flex;overflow:auto}.assignment{flex-direction:column;justify-content:space-between;min-height:600px;padding:20px;display:flex}.assignmentButtonBlock{flex-direction:row;justify-content:flex-end;width:100%;display:flex}.assignmentNameRow{justify-content:space-between;margin-bottom:15px;display:flex}.assignmentName,.objectiveName{font-size:large;font-weight:700}.objectiveButtonBlock{flex-direction:row;justify-content:flex-end;width:fit-content;display:flex}.centerAlign{align-content:center}.centerText{flex-direction:column;justify-content:center;display:flex}.rightJustifyContents{flex-direction:row;justify-content:right;display:flex}.fitContentWidth{width:fit-content}.addStudentsPage{max-width:500px;margin:0 auto}.overflowDiv{scroll-behavior:smooth;width:100%;overflow-x:auto}.indent{margin-left:20px}.row{flex-direction:row;justify-content:space-between;width:100%;margin-bottom:5px;display:flex}.leftRow{flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%;margin-bottom:5px;display:flex}.tightRow{align-items:center;gap:10px;display:flex}.objectiveHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:100%;margin-top:20px;margin-bottom:5px;display:flex}.objectiveName{flex-direction:row;justify-content:space-between;width:fit-content;margin-bottom:5px;display:flex}.objectivesPage{max-width:800px;margin:0 auto}.studentObjectivesRow{flex-direction:row;justify-content:flex-start;width:fit-content;height:fit-content;margin-bottom:10px;display:flex}.studentObjectivesRowName{flex-direction:column;justify-content:center;width:100px;margin-right:20px;font-size:large;display:flex}.studentObjectivesRowItem{flex-direction:column;justify-content:center;width:150px;margin-right:15px;display:flex}.horizontalScroll{scroll-behavior:auto;overflow-x:auto}.prevent-select{-webkit-user-select:none;user-select:none}.relativeParent{width:0;height:0;position:relative}.absoluteChild{position:absolute}.fluentFactsBar{background-color:#06b000;align-self:center;max-width:200px;height:20px}.fluencyBars{flex-direction:row;place-content:flex-start;gap:7px;height:20px;display:flex}.practicedBar{background-color:#555;outline:2px solid gray;justify-content:center;align-self:center;width:15px;height:15px;margin-right:8px;font-size:10px;display:flex}.centeredRow{place-content:center;display:flex}.leftyRow{place-content:center flex-start;display:flex}.rightyRow{place-content:center flex-end;display:flex}.donePracticingBanner{max-width:var(--homepage-max-width);box-sizing:border-box;color:#000;background-color:#a6d7ef;justify-content:center;margin:0 auto;display:flex}.logoImg{width:auto;max-width:100%;height:auto;max-height:100%}.boxShadow{box-shadow:0 4px 4px #00000040}.badgesCollection{font-family:Quintessential}.overflow-table{scroll-behavior:smooth;width:100%;overflow-x:auto}.overflow-table::-webkit-scrollbar{height:10px}.overflow-table::-webkit-scrollbar-thumb{background-color:silver}.studentRow>td{background-color:#e0e0e0;transition:background-color .12s ease-in-out}.studentRow:nth-child(2n)>td{background-color:#f0f0f0}.studentRow:hover>td{background-color:var(--student-row-hover,#bfebff)}.flip-dragon{transform:scaleX(-1)}.eula-view-container{height:calc(100vh - 500px);overflow-y:auto}.privacy-policy-link{color:#00e}.advanced-settings-link{color:#2384c4}.custom-tooltip{background-color:#000;border:1px solid #ccc;border-radius:6px;padding:10px 16px}.custom-tooltip .label{text-align:center;color:#333;font-weight:700}.value-list{padding:0;list-style-type:none}.value-list li{text-align:center;margin-bottom:5px}.someColumn{flex-direction:column;display:flex}.why-choose{padding:0}.why-choose li{font-size:18px;font-weight:500}.howMentorsUse-description{font-family:Quicksand;font-size:18px;font-weight:500}.quicksand-font{font-family:Quicksand;font-weight:500}.quintessential-font{font-family:Quintessential,serif}.recharts-layer{font-family:Quicksand;font-weight:500}.settingsTooltip{display:inline-block;position:relative}.settingsTooltip .tooltiptext{visibility:hidden;text-align:center;z-index:1;background-color:#888;border-radius:6px;width:200px;padding:5px;position:absolute;top:30px;left:0}.settingsTooltip .tooltiptextRight{visibility:hidden;text-align:center;z-index:1;background-color:#888;border-radius:6px;width:200px;padding:5px;position:absolute;top:30px;right:0}.settingsTooltip:hover .tooltiptext,.settingsTooltip:hover .tooltiptextRight{visibility:visible}.clickable-row{cursor:pointer;border:1px solid #0000;border-radius:5px;padding:5px 15px;transition:border-color .3s,background-color .3s}.clickable-row:hover{background-color:#e6f7ff;border-color:#e6ecff}.inner-bounce{animation-name:inner-bounce;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:1}