body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.ast{background:none;color:red}.login-image{background-image:linear-gradient(hsla(0,0%,76.9%,.44),hsla(0,0%,76.9%,.44)),url(/static/media/University-College.cdb33c5e.jpg);width:100%;height:100%;position:relative;background-size:cover;object-fit:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden}.login-image-inner{width:75%;height:75%;background:rgba(0,32,78,.45);color:#fff;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem;text-align:center;padding:2rem 1rem 1rem;overflow:hidden}.login-image-inner a{color:#fff;font-weight:600}.login-image-inner a:hover{color:#fff;background-color:initial;border:1px #fff}.login-right{height:100%;max-height:100%;padding-left:0!important}.login-form{padding:2rem}.login-form .input-group{height:3rem;margin-bottom:1.5rem}.login-form .input-group input{height:100%}.login-logo{padding:1rem 1rem 1rem 1.5rem!important;height:20%;max-height:20%}.login-logo img{max-height:100%;max-width:100%}.uoft-container{max-height:15%;padding:1rem 1rem 1rem 1.5rem;background:#00204e;color:#fff;text-align:left}.login-button{max-width:40%;width:20%}.password-reset-container{max-width:100%;border-radius:10px;border:1px solid #4d4b4b}.password-reset-form{max-width:100%}.org-dropdown-wrapper{position:relative}.org-dropdown{position:absolute;transform:translate3d(0,-20px,0)!important;margin-top:0;right:0;left:0;z-index:1000;padding:1rem;max-height:130px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px}.dropdown-item{position:relative;padding:1px;cursor:pointer;height:40px;margin:auto;display:block;box-sizing:border-box}.dropdown-item:hover{background-color:#f0f0f0}.homeImage{padding:10px;max-width:90%;max-height:90%}.action-title{display:inline-flex}.header-background{background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3)),url(/static/media/University-College.cdb33c5e.jpg);max-width:100%;max-height:100%;height:100%;z-index:-1;background-size:cover;object-fit:cover}.header-container{height:40rem;background-repeat:no-repeat;width:100%;margin-bottom:0!important}.header-text-container{padding:0!important;margin-left:10%!important}.header-h1{opacity:1;padding:3rem 0 0!important}.header-h1:hover{background-color:initial}#root,body,html{height:100%}.home-container{background-image:url(/static/media/University-College.cdb33c5e.jpg);background-position:50%;min-height:100%;min-width:100%;width:100%;z-index:-1;background-size:cover;object-fit:cover;-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(20px);position:absolute;overflow:hidden}.login-type-container{background:hsla(0,0%,100%,.97);margin:-20rem 5rem 8rem;height:40%;display:inline-block;box-shadow:0 0 9px 2px rgba(0,0,0,.28);display:block;max-width:80%;padding:3rem;z-index:10;position:relative;border-radius:.5rem}.login-container-position{transform:translateY(25vh);min-width:75%;max-height:90%;height:50%}.login-container{z-index:10;display:block;position:relative;height:100%;min-width:100%;margin:auto;padding:0!important;max-width:80%;overflow-y:hidden;overflow-x:hidden;background:#fff;border-radius:0;box-shadow:6px 10px 4px rgba(0,0,0,.25)!important}.footer-container{color:#fff;margin:-15px;min-width:100%}.stay-bottom{position:fixed;bottom:0}.sidebar_open{margin-left:0!important}.sidebar_close{margin-left:-9rem!important}.body_right{margin-left:9rem!important}.body_left{margin-left:0!important}#wrapper{transition:.25s ease-out}.sidebar-indi{border-left:5px solid #fff!important;background-color:rgba(0,0,0,.04)}.sidebar-indi-none{border-left:none;background-color:none}.print-icon{padding:0;margin-left:5px;max-height:2rem}.print-icon:focus{text-decoration:none;border:transparent;outline:transparent}.panel-title{background-color:#eee!important;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.panel-title p{font-weight:700}.panel-each{margin-bottom:1rem!important;box-shadow:none!important}.MuiExpansionPanelDetails-root{padding-bottom:8px!important}.grow-container{margin-bottom:1rem}.action-container{width:70%}.action-title{display:inline!important;width:100%}.action-label{display:inline-block;max-width:90%;padding-left:15px;font-size:1.5em;font-weight:700}.action-component-title{display:inline-flex;width:100%}.action-toggle-button{float:right;min-width:10%;max-width:50%}.parent{justify-content:space-evenly;align-items:center}.outer3,.parent{display:flex;flex-direction:row}.outer3{justify-content:center;align-content:center;background-color:rgba(114,112,161,.14);width:100%;height:100%}.all-page-container{height:100%;max-height:80vh;overflow:auto}.pdfAndButtons{flex-direction:row;justify-content:flex-start}.pdf,.pdfAndButtons{display:flex;align-items:center}.pdf{justify-content:center}.outer,.pdf{flex-direction:column}.outer{display:flex}.pagintationOuter{justify-content:space-evenly;height:200px}.Interface,.pagintationOuter{display:flex;flex-direction:row;align-items:center}.Interface{text-align:center;background-color:#ced5df;min-height:100vh;justify-content:center;font-size:calc(10px + 2vmin)}.Card{padding:32px;margin:10px;width:40%;min-height:70vh;flex-direction:row;align-items:flex-start;box-shadow:0 15px 30px 0 rgba(0,0,0,.11),0 5px 15px 0 rgba(0,0,0,.08);box-sizing:border-box}.Card,.Dropzone{background-color:#fff;display:flex;justify-content:center}.Dropzone{height:200px;width:200px;border:2px dashed #bbbaba;border-radius:50%;align-items:center;flex-direction:column;font-size:16px}.Highlight{background-color:#bcb9ec}.FileInput{display:none}.Upload{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.Content{display:flex;flex-direction:column;align-items:center;padding-top:16px;box-sizing:border-box;width:100%}.Files{align-items:flex-end;justify-items:flex-end;flex:1 1;overflow-y:auto}.Actions{flex:1 1;width:100%;flex-direction:column;margin-top:32px}.Actions,.Filename{display:flex;align-items:center}.Filename{font-size:16px;color:#555;height:100%}.Row{display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;height:50px;padding:8px;overflow:hidden;box-sizing:border-box}.CheckIcon{opacity:.5;margin-left:5px;height:100%}.ProgressWrapper{display:block;margin-left:5px;margin-right:5px;height:100%;align-items:center;display:flex;flex:1 1;flex-direction:row}button{font-family:"Roboto medium",sans-serif;font-size:14px;display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:2px;background:"#7270a1";color:#fff;border-color:"rgba(0, 32, 78)";outline:0;margin-right:"10px"}button:disabled{background:#bdbdbd;cursor:default}.Icon{opacity:.3;height:64px;width:64px}button img.Icon{opacity:1;height:28px;width:28px}audio:active,audio:focus,button:active,button:focus{outline:0;border:none;-moz-outline-style:none}.record button{margin:5px}button{height:40px}.record{display:flex;flex-direction:column;justify-content:center;align-items:center}.oscilloscope{margin:1rem}.bottomButtons{display:flex;flex-direction:row;justify-content:center;align-items:center}ul.header li{display:inline;list-style-type:none;margin:0}ul.header{background-color:#fff;padding:0}ul.header li a{color:#555;text-decoration:none;margin-left:5px;margin-right:5px;display:inline-block}ul.header li a.active{color:#000}.Title{color:#fff;margin-bottom:32px;color:#555;align-items:center}.outputWrapper{min-height:50vh;display:flex;flex-direction:column;justify-content:center}.cardWrapper{height:100%;width:100%}.outer2{display:flex;flex-direction:row;align-content:center;background-color:rgba(114,112,161,.14);min-height:40vh}.box,.outer2{justify-content:center}.box{flex-direction:column;background-color:rgba(114,112,161,.28);margin:1rem;width:50%}.feedback{background-color:#f1f1f1;color:#000;border:none;padding:.5rem;margin-left:.5rem;margin-right:.5rem;transition-duration:.2s}.innerText{margin:1rem;font-size:1.2rem;font-weight:400}.guessable{background:#a8d1ff}.unguessable{background:#fff2a8}.vocabbox{padding:1rem;border-radius:3px;background:#fff;text-align:left;box-shadow:5px 5px 10px grey;margin:1rem 100px 2rem}.wordbox{display:flex;flex-direction:row}.words{width:150%;display:flex;flex-direction:column}@media screen and (max-width:960px){.wordbox{display:flex;flex-direction:column}}.borderBox{border:1px #000}.radioClass{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.color-blue{background-color:rgba(57,142,170,.3);margin-left:2rem}.color-blue,.color-yellow{border-radius:20px;padding-right:13px}.color-yellow{background-color:rgba(190,187,0,.3)}.border{width:80%}.liStyles:before{content:"✘";padding-right:2px;color:red}.uiStyles{list-style:none}.floatLeft{float:left}.floatRight{margin-right:45%}.false{display:none!important}.sameline,.true{display:inline-block}.Quiz{position:relative;max-width:95%;margin:auto}.quiz-card-container{padding:1rem;border-radius:3px;background:#fff;text-align:left;box-shadow:5px 5px 10px grey;margin-bottom:2rem;margin-top:1rem}.quiz-question{text-align:left;margin-bottom:1rem}.quiz-answerOptions{margin:0;padding:0;list-style:none}.answerOption{border-top:1px solid #eee;min-height:4rem;padding:1rem}.answerOption:hover{background-color:#eefbfe}.answerOption.default{background-color:#fff!important}.correct{background-color:#90ee90!important}.correct-icon{fill:#90ee90!important}.incorrect{background-color:#f08080!important}.incorrect-icon{fill:#f08080!important}a{text-decoration:none;display:inline-block;padding:8px 16px}a:hover{background-color:#ddd;color:#000}.feedback,.next,.previous,.retry,.submit{background-color:#f1f1f1;color:#000;border:none;padding:.5rem;margin-left:.5rem;margin-right:.5rem;transition-duration:.2s}.next{float:right}.next.false{display:none!important}.next.true{display:inline-block}.submit{float:left}.submit:hover{background-color:#d2d2d2;color:#000}.submit.true{display:inline-block}.submit.false{display:none!important}.retry.true{display:inline-block}.retry.false{display:none!important}.retry{float:left}.nextTopic{width:30%;border-radius:2px;text-align:center;transition-duration:.2s}.nextTopic,.nextTopic:hover{background-color:#d2d2d2;color:#000}.nextTopic.true{display:inline-block}.nextTopic.false{display:none!important}.congra-container{margin-top:3rem;width:100%}.round{border-radius:50%}.afterSubmit-container{width:100%;transition-duration:.2s;margin-bottom:1rem;display:flex;justify-content:space-between}.popup-alert{max-width:35%}.quiz-exp{background:#fff;text-align:left;margin-bottom:2rem;margin-top:1rem;width:100%}.exp-option-contaner{box-shadow:5px 5px 10px grey;padding:1rem;border-radius:3px;margin-bottom:.5rem;vertical-align:middle}.exp-text-contaner{padding:.5rem 1rem;vertical-align:middle}.buttons-bottom{margin:auto}.congra-title{font-size:1.5rem;margin-bottom:1rem;font-weight:500}.text-container{min-height:6rem!important}.quiz-card-container-enter{opacity:0}.quiz-card-container-enter.quiz-card-container-enter-active{opacity:1;transition:opacity .5s ease-in-out .3s}.quiz-card-container-leave{position:absolute;top:0;left:0;width:100%;opacity:1}.quiz-card-container-leave.quiz-card-container-leave-active{opacity:0;transition:opacity .5s ease-in-out}.quiz-card-container-appear{opacity:0}.quiz-card-container-appear.quiz-card-container-appear-active{opacity:1;transition:opacity .5s ease-in-out}.quizIcon-container{width:5%;display:inline-block}.quiz-exp-option-container{width:95%;display:inline-block}.quiz-question-image{width:75%;height:50%;display:inline-block}.quiz-answer-image{width:30%;height:20%}.underline{text-decoration:underline}.btn{margin-top:5px}.btn-arrow-left,.btn-arrow-right{position:relative;padding-left:18px}.btn-arrow-right:focus{outline:none}.btn-arrow-right{padding-left:36px;border-radius:3px}.btn-arrow-left{padding-right:36px;border-radius:3px}.btn-arrow-left:after,.btn-arrow-left:before,.btn-arrow-right:after,.btn-arrow-right:before{content:"";position:absolute;top:9px;width:38px;height:38px;background:inherit;border:inherit;border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0}.btn-arrow-right:after,.btn-arrow-right:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}.btn-arrow-left:after,.btn-arrow-left:before{transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg)}.btn-arrow-left:before,.btn-arrow-right:before{left:-18px}.btn-arrow-left:after,.btn-arrow-right:after{right:-18px}.btn-arrow-left:before,.btn-arrow-right:after{z-index:1}.btn-arrow-left:after,.btn-arrow-right:before,.root{background-color:#fff}.root{width:75em;height:50em;color:#30466e!important}.header{width:100%;height:25%;background-color:#30466e;color:#c09527}.headerText{padding-top:3%}.bodyText{padding-top:5%}#side-bar-container{width:11rem}#side-bar-container,#sideBar{position:fixed;height:100%;left:0}#sideBar{width:9rem;overflow:auto;margin-left:-9rem;background-color:#43425d;transition:.25s ease-out;display:inline-block}@media (max-width:768px){#sideBar,#sideBar.hide{margin-left:0}#sideBar.show{margin-left:-9rem}#sideBarButton{left:0}#sideBarButton.hide{right:0!important;left:0!important}#sideBarButton.show{left:-9rem!important}}#sideBarButton.hide{left:-9rem}#sideBarButton.show{right:0}#sideBarButton{border-radius:0 5px 5px 0;background-color:#717084;border:0;position:relative;float:right;left:0;right:auto;margin-top:1rem;transition:.25s ease-out}#sideBarButton:focus{outline:0}.side-bar-item-list{display:inline!important}.side-bar-item-container{height:auto;position:relative;margin-bottom:1rem;border-left:5px solid transparent;border-right:5px solid transparent}.side-bar-item{display:block!important;padding-left:9px!important;padding-right:9px!important}.side-bar-icon{fill:#fff;width:30%}.side-bar-text{color:#fff}.center-align img,.center-align span,.center-align svg{display:block;margin:auto;text-align:center}.hover-none{padding:0;width:100%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.hover-none:hover{background-color:initial}.hover-none:active,.hover-none:hover{text-decoration:none}#dropdown-menu-content{left:-20px}.dash-navbar{border-bottom:1px solid #cccdcf}.dropdown{position:relative;display:inline-block}.sidebar-button{background:transparent;border:transparent}.sidebar-button:hover{background-color:rgba(0,0,0,.04)}.sidebar-button:active,.sidebar-button:focus{border-color:transparent}.sidebar-button:focus{outline:transparent}.sidebar-button-icon{height:2rem!important;width:2rem!important}.removed{background-color:#fcc}.added{background-color:#c6f6d5;font-weight:700}.highlight{cursor:pointer;border-radius:4px;padding:2px;transition:background .2s ease-in-out}.highlight:hover{opacity:.7}.important{background-color:#ff6b6b}.question{background-color:#fbc02d}.clarification{background-color:#66bb6a}.note{background-color:#42a5f5}.myButton{background-color:#4caf50;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;cursor:pointer}.myButton:hover{background-color:#43a047}.action-item-container{padding-top:15px;border-radius:10px;border:1px solid #929292}
/*# sourceMappingURL=main.5568635b.chunk.css.map */