body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.button:not(.disabled){cursor:pointer;transition:all .2s}.button:active:not(.disabled){-webkit-transform:scale(.95);transform:scale(.95)}.button.wide:activenot(.disabled){-webkit-transform:scale(.99,.95);transform:scale(.99,.95)}.button.inset-button{border:1px solid rgba(0,0,0,.25);border-radius:6px;display:inline-block;object-fit:contain;padding:7px 14px 6px}.button.inset-button.inline-button{padding:0 8px}.button.inset-button.disabled{opacity:50%}.button.inset-button.small{font-size:12px;padding:4px 7px}.button.inset-button.submit-button{background-color:#b41324;color:#fff}.button.inset-button.submit-button.disabled{background-color:#d95b6a;border-color:rgba(0,0,0,.12)}.button.color-button.submit-button{color:#b41324}.button.color-button.submit-button.disabled{color:#d95b6a}.button.submit-button.right{float:right}.button.submit-button.middle{margin-left:16px}.centered-things{display:flex}.centered-things.centered-things-center{justify-content:center}.centered-things.centered-things-around{justify-content:space-around}.modal2-backdrop{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.modal2-content{background-color:#f5f5f5;border-radius:6px;box-shadow:4px 4px 5px 3px #4b4b4b;flex:0 0 auto;max-width:80%;min-height:50px;min-width:300px;padding:20px;position:relative}.modal2-enter{opacity:0}.modal2-enter .modal2-content{-webkit-transform:scale(.9);transform:scale(.9)}.modal2-enter-active{opacity:1;transition:opacity .3s}.modal2-enter-active .modal2-content{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.modal2-exit{opacity:1}.modal2-exit-active{opacity:0;transition:opacity .3s}.modal2-exit-active .modal2-content{-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.alert-dialog-container{max-height:80vh;overflow:auto}.loading-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.overlay-inner{background-color:hsla(0,0%,56%,.9);border-radius:6px;min-width:300px;position:relative}.loading-overlay{visibility:hidden}.loading-overlay.show{visibility:visible}.overlay-text{color:#f0f0f0;font-size:20px;font-weight:700;margin-bottom:12px;margin-top:60px;text-align:center}.loading-spinner{bottom:auto;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:-20%}.loading-spinner,.loading-spinner:after,.loading-spinner:before{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:load7 1s ease-in-out infinite;animation:load7 1s ease-in-out infinite;border-radius:50%;height:2em;width:2em}.loading-spinner:after,.loading-spinner:before{content:"";position:absolute}.loading-spinner:before{-webkit-animation-delay:-.4s;animation-delay:-.4s;left:-3.5em}.loading-spinner{-webkit-animation-delay:-.2s;animation-delay:-.2s}.loading-spinner:after{left:3.5em}@-webkit-keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@media only screen and (max-width:500px){.overlay-inner.spinny{-webkit-transform:scale(.65);transform:scale(.65)}}.popnfade-content{align-items:center;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.25);border-radius:6px;box-shadow:4px 4px 5px 3px #4b4b4b;display:flex;justify-content:center;left:50%;max-width:80%;min-height:25px;min-width:100px;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:999999}.popnfade-enter{opacity:0}.popnfade-enter .popnfade-content{-webkit-transform:scale(.9);transform:scale(.9)}.popnfade-enter-active{opacity:1;transition:opacity .3s}.popnfade-enter-active .popnfade-content{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.popnfade-exit{opacity:1}.popnfade-exit-active{opacity:0;transition:opacity .3s}.popnfade-exit-active .popnfade-content{-webkit-transform:scale(.9);transform:scale(.9);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.center-notice-container{align-items:center;display:flex;justify-content:center}.center-notice{background:#fff;border:1px solid rgba(0,0,0,.25);border-radius:6px;font-style:italic;padding:10px}@media only screen and (min-width:700px){.center-notice-container{height:100%}.center-notice{font-size:18px;width:65%}}.grow-down-icon-box{display:flex;justify-content:space-evenly}.grow-down-icon-box .icon{display:block;height:24px;margin-bottom:6px;margin-top:10px}.grow-down-icon-box.grow-down-icon-transition-enter .icon{height:0}.grow-down-icon-box.grow-down-icon-transition-enter-active .icon{height:24px;transition:all .2s}.grow-down-icon-box.grow-down-icon-transition-exit .icon{height:24px}.grow-down-icon-box.grow-down-icon-transition-exit-active .icon{height:0;transition:all .2s}.grow-down-icon-transition-enter{height:0;opacity:0}.grow-down-icon-transition-enter-active{height:40px;opacity:1;transition:all .2s}.grow-down-icon-transition-exit{height:40px;opacity:1}.grow-down-icon-transition-exit-active{height:0;opacity:0;transition:all .2s}.list-header{font-size:20px;font-weight:800;margin-bottom:12px;-webkit-user-select:none;user-select:none}.list-body{height:100%;overflow:auto}.list-elem{cursor:pointer;font-size:16px;min-height:16px;padding-bottom:3px;padding-top:3px;transition:background-color .2s ease}.list-elem.deemphasized{color:rgba(0,25,0,.6);font-style:italic}.list-elem{transition:background-color .5s ease}.list-elem:hover{background-color:rgba(10,2,2,.1)}.list-elem-detailed{background-color:rgba(10,2,2,.2);border-radius:4px;padding:4px 0 8px 8px}.list-elem-detail-box{margin-left:12px}.list.hide-icon .icon{opacity:0;padding-right:4px;transition:opacity .4s ease;visibility:hidden}.list-elem:hover .icon{opacity:1;visibility:visible}.list-item-row{align-items:center;display:flex;gap:6px}.drops-list .list-elem{overflow:hidden;transition:all .2s}.list-elem.list-item-selected{padding:6px}.labelled-box,.list-elem.list-item-selected{border:1px solid rgba(0,0,0,.25);border-radius:4px}.labelled-box{box-sizing:border-box;display:flex;flex-direction:column;padding:10px}.box-header{align-items:center;display:flex;font-size:20px;font-weight:800;margin-bottom:12px;-webkit-user-select:none;user-select:none}.box-header-label{flex-grow:1}.nav-panel-outer{display:flex;flex-direction:column;height:100%}.nav-back-button-row{color:#d32c2c;margin-left:24px;margin-right:24px;margin-top:12px}.nav-back-button{cursor:pointer;font-size:20px;font-weight:500;-webkit-user-select:none;user-select:none}.navpanel-content{flex-grow:1;margin:16px 24px;min-height:0}.one-line-description{margin-bottom:8px}.one-line-form-box{align-items:center;display:flex;gap:8px}.one-line-form-box .inline-button{height:30px;width:30px}.one-line-field-form{flex:1 1;position:relative}.one-line-field-form>.input-decoration{left:8px;position:absolute;top:7px}.input-decoration>.search-icon{color:#000;height:18px}.one-line-field-form>input{border:1px solid rgba(0,0,0,.25);border-radius:6px;box-sizing:border-box;font-size:16px;height:33px;padding:6px;width:100%}.input-decoration+input{padding:6px 6px 6px 32px}.tooltip-container{position:relative}.tooltip{background:#fff;border:1px solid #888;border-radius:6px;opacity:0;padding:3px 6px;position:absolute;transition:opacity .4s ease,visibility .4s;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap}.tooltip.visible{opacity:1;visibility:visible}.admin-content{display:flex;flex-direction:column;gap:12px}.search-empty{font-style:italic}.forgot-date,.forgot-email{flex:1 1}.icon.forgot-resend{height:18px;padding:0 8px 0 0}.icon.forgot-trash{height:19px;padding:0 8px 0 4px}.suggestion{padding:10px;resize:none;width:calc(100% - 22px)}.suggestion-box{margin:20px}.learner-box.outlined{border:1px solid rgba(0,0,0,.25);border-radius:4px;box-sizing:border-box;min-width:150px;padding:6px 10px;position:relative}.big-learner-chooser-title{font-size:20px;font-weight:350;margin-bottom:12px;text-align:center}.list-of-learners .list-body{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-around}.list-of-learners .list-elem{padding-bottom:0;padding-top:0}.list-of-learners .icon{height:22px;vertical-align:middle}.list-of-learners .learner-name{font-weight:350;vertical-align:middle}.displayNone{display:none}@media (prefers-color-scheme:light){.canvasCoHost,.canvasPresenter{background-color:#5f9ea0}}@media (prefers-color-scheme:dark){.canvasPresenter{background-color:#222}.canvasCoHost{background-color:#3d3d3d}}.debugView{background-color:rgba(0,0,0,.75);border-radius:5px;bottom:65px;color:#a09e9e;height:60%;left:65px;overflow:scroll;padding:5px;position:absolute;right:65px;top:65px;z-index:2000}div.code{font-family:monospace;white-space:pre}.button.play.debug{float:right;position:-webkit-sticky;position:sticky;right:20px;top:16px}.button.play.debug .icon{color:#fff}.form-field{border-radius:6px;font:inherit;width:calc(100% - 12px)}.field-label{font-weight:500;margin-bottom:4px}.box{border-radius:4px;box-sizing:border-box;padding:10px}.box,.dropdown{border:1px solid rgba(0,0,0,.25)}.dropdown{position:relative}.dropdown.open{z-index:901}.x-dropdown-toggle{color:#222;cursor:pointer;margin-left:auto;margin-right:auto;padding:4px 8px;position:relative;text-decoration:none;-webkit-user-select:none;user-select:none;vertical-align:top;white-space:nowrap}div[dir=ltr].x-dropdown-toggle{padding-right:40px}div[dir=rtl].x-dropdown-toggle{padding-left:40px}.x-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle:before{content:"▼"}.w-icon-dropdown-toggle{position:absolute}div[dir=ltr] .w-icon-dropdown-toggle{right:8px}div[dir=rtl] .w-icon-dropdown-toggle{left:8px}.dropdown-toggle{padding-bottom:4px;padding-top:4px}.w-dropdown-list{background:#ddd;cursor:pointer;margin-top:1px;opacity:0;overflow:auto;position:absolute;transition:opacity .4s ease;visibility:hidden;width:100%}.dropdown-back{background-color:transparent;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}.dropdown-back.open+.w-dropdown-list{opacity:1;visibility:visible;z-index:10000}.dropdown-back.open{display:block}.dropdown-menu-entries{margin:8px}.w-dropdown-link:hover{background-color:rgba(10,2,2,.1)}.block-entry{margin-bottom:4px;margin-top:4px}.dropdown-loading{font-style:italic;opacity:50%}.floating-container{background-color:#fff;box-shadow:4px 4px 5px 3px #8b8b8b;left:0;padding:12px;position:fixed;top:0;z-index:3000}.stack{display:flex;flex-direction:column;gap:12px}.lrchooser-description,.lrchooser-details{display:flex;justify-content:center;opacity:75%}.lrchooser-description{font-size:22px;margin-bottom:12px;padding-top:24px;-webkit-user-select:none;user-select:none}.lrchooser-details{margin-top:12px;padding-bottom:24px;-webkit-user-select:none;user-select:none}.left-arrow-icon,.right-arrow-icon{color:#34d158;margin-left:10px;margin-right:10px;width:28px}.left-arrow-icon.disabled,.right-arrow-icon.disabled{color:#fff;opacity:50%}.lrchooser-choice-row,.lrchooser-selected{align-items:center;display:flex;justify-content:center}.lrchooser-selected{font-size:24px;height:60px;text-align:center;-webkit-user-select:none;user-select:none;width:150px}.inline-video-container{display:flex;height:calc(100% - 2px);margin-top:1px}.inline-video-box{height:100%;margin:auto}.inline-video-overlay-rel{height:100%;position:relative}.inline-video{height:100%;max-width:100%}.inline-banner{font-size:20px;font-weight:700}.inline-banner,.inline-instructions{color:#fff;margin-bottom:20px;text-align:center}.inline-instructions{font-stye:italic;font-size:18px;font-weight:500}.none-available{font-style:italic}.learner-id{align-items:center;display:flex;gap:6px}.learner-id .icon{height:15px}.progress-widget{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";align-items:center;display:flex;font-variant-numeric:tabular-nums;gap:4px;margin:4px 12px}.progress-widget .icon{height:15px}.labelledicon-box{display:flex;flex-direction:column;gap:4px}.labelledicon-name{color:#444;text-align:center}.revisitskip-box{display:flex;justify-content:space-evenly;margin:12px 0}.revisitskip-box .icon{height:34px}.text-box{display:flex;margin:0 12px;overflow-y:auto}.text{color:#222;font-size:16pt;margin:auto;opacity:0;padding:12px;text-align:center;transition:opacity .3s ease;width:100%}span.src{font-style:italic}span.src,span.tgt{font-weight:700}.circular-progress{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.circular-progress-background{fill:none;stroke:#eee}.circular-progress-foreground{fill:none;stroke:#d32c2c;stroke-linecap:round}.ssi-logo{cursor:pointer}.announcement-title{font-size:20px;font-weight:700;margin-bottom:8px}.announcement-body{margin-bottom:16px}.learn-container{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"status" "combo" "usercontrol" "controls";grid-template-columns:auto;grid-template-rows:auto 1fr auto auto;height:100%}.status-row{display:flex;grid-area:status;margin-top:12px}.status-row .ssi-logo{height:36px;margin-left:40px;width:72px}.learner-info{align-items:center;display:flex;flex:1 1;justify-content:right;margin-right:40px}.current-learner{border-right:1px solid #222;padding-right:12px}.status-indicator{border-radius:50%;height:10px;position:absolute;right:20px;top:20px;width:10px}.status-indicator.ready{background-color:green}.status-indicator.waiting{background-color:red}.combo-container{display:flex;flex:1 1;flex-direction:column;gap:20px;grid-area:combo;min-height:460px}.text-mode-container,.video-container{border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);flex:1 1;height:0;margin:0 40px}.text-mode-container{min-height:150px}.video-container{position:relative}.video-container canvas{height:100%;width:100%}.video-container .text-container{background:rgba(0,0,0,.8);border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;position:absolute;text-align:center;transition:opacity .3s ease;width:100%}.video-container .text-container .text{color:#eee;opacity:1;transition:opacity none 0s ease 0s;transition:opacity initial}.canvasPresenter{border-radius:12px}.text-mode-container{height:100%;position:relative}.text-mode-container .inline-video-container{border-radius:12px;height:100%;margin-top:0}.text-mode-container .inline-video-container.video-playing{background:#000}.text-mode-container .text-box{bottom:0;left:0;position:absolute;right:0;top:0}.text-mode-container div{grid-column:1;grid-row:1}.transport-controls{border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:0 40px;padding:20px 0}.transport-controls>:last-child{margin:0 16px}.play-container{self-align:center;display:flex;grid-column:3;grid-row:1;justify-content:center;position:relative}.play-container .circular-progress{height:120px;width:120px}.play-container .button.play{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.transport.pause,.transport.play{height:64px;width:64px}.transport .icon{opacity:.85;transition:opacity .2s ease}.transport:hover .icon{opacity:1}.transport.disabled{cursor:default;opacity:.4;pointer-events:none}.transport.play .playIcon{visibility:visible}.transport.play .pauseIcon,.transport.play.active .playIcon{visibility:hidden}.transport.play.active .pauseIcon{visibility:visible}.transport.play{margin:auto}.play-chooser{grid-column:4/span 2;grid-row:1;justify-content:center}.howfeeling-container{grid-area:howfeel}.howfeeling-container,.revisitskip-container{border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);grid-area:usercontrol;margin:0 40px}.button.feedback{grid-column:3}.controls-container{grid-area:controls}@media only screen and (orientation:portrait)and (max-width:600px){.transport-controls{display:flex;gap:16px}.transport-controls .play-chooser{flex:1 1}.transport-controls>:first-child{margin-left:16px}.transport-controls>:last-child{margin-right:16px}}@media only screen and (orientation:portrait)and (min-width:600px){.progress-widget-container{display:flex;justify-content:center}}@media only screen and (orientation:landscape)and (max-height:800px){.learn-container{max-width:1000px}.combo-container{display:grid;grid-template-areas:"content progress";grid-template-columns:1fr auto;grid-template-rows:1fr;margin:0 40px;min-height:300px}.text-mode-container,.video-container{grid-area:content;height:100%;margin:0;min-height:300px}.transport-controls{grid-area:progress;grid-template-columns:auto;grid-template-rows:1fr;margin:0}.transport-controls .play-container{self-align:center;grid-column:1;grid-row:1}.transport-controls .play-container .circular-progress{margin:auto 12px}.transport-controls .play-chooser{align-items:center;grid-column:1;grid-row:2;justify-content:center;margin:initial}.transport-controls>:first-child{margin-left:0}.transport-controls>:last-child{margin-right:0}}.close-button{color:#000;cursor:pointer;font-size:24px;font-weight:700;opacity:.3;padding-left:4px;padding-right:4px;-webkit-user-select:none;user-select:none}.close-button-upper-right{margin-right:8px;margin-top:8px;position:absolute;right:0;top:0}.add-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.suggestion{margin:10px 0}.link-warning{font-style:italic}.field-label.canolfan{margin-top:32px}.chooser-box.canolfan{margin-bottom:0;margin-top:12px}@media only screen and (max-width:700px){.person-list-box{min-height:44px}}@media only screen and (min-width:700px){.person-list-box{min-height:100px}}.manager-overview-banner{font-size:20px;font-weight:600;margin-bottom:12px}.edit-field-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.box-add-button{height:28px;width:28px}.labelled-box-with-plus .box-header{margin-bottom:6px}.person-list-box .list{height:100%;min-height:0}.person-row{align-items:center;display:flex;gap:6px}.person-list .list-elem{transition:all .2s}.person-list .list-elem.pl-selected{border:1px solid rgba(0,0,0,.25);border-radius:4px;padding:6px}.person-email,.person-name{flex:1 1;max-width:50vw;overflow-x:hidden;text-overflow:ellipsis}.invite-person-email{flex:1 1}.person-trash{padding-top:1px}.students{grid-area:students}.class-overview{grid-area:classinfo}.class-stats{grid-area:stats}.class-container{grid-template-areas:"students classinfo" "students stats";grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr}.class-overview>.manager-overview-banner:first-child{opacity:.5}.students .grow-down-icon-box{display:block}.students .grow-down-icon-box .student-email{flex-grow:1;font-style:oblique;font-weight:300;overflow:hidden;padding-top:6px;text-overflow:ellipsis}.list-elem.deemphasized .grow-down-icon-box,.students .student-icon-box{display:flex;justify-content:space-evenly}.grow-down-icon-box.grow-down-icon-transition-enter .student-email{opacity:0}.grow-down-icon-box.grow-down-icon-transition-enter-active .student-email{opacity:1;transition:all .2s}.grow-down-icon-box.grow-down-icon-transition-exit .student-email{opacity:1}.grow-down-icon-box.grow-down-icon-transition-exit-active .student-email{opacity:0;transition:all .2s}.students .grow-down-icon-transition-enter{height:0;opacity:0}.students .grow-down-icon-transition-enter-active{height:66px;opacity:1;transition:all .2s}.students .grow-down-icon-transition-exit{height:66px;opacity:1}.students .deemphasized .grow-down-icon-transition-enter-active{height:41px;opacity:1;transition:all .2s}.students .deemphasized .grow-down-icon-transition-exit{height:41px;opacity:1}.students .deemphasized .grow-down-icon-transition-exit-active,.students .grow-down-icon-transition-exit-active{height:0;opacity:0;transition:all .2s}@media only screen and (max-width:600px){.class-container{grid-gap:12px;display:grid;gap:12px;grid-template-areas:"classinfo" "students" "stats";grid-template-columns:auto;grid-template-rows:auto}}@media only screen and (min-width:600px){.class-container{grid-column-gap:12px;grid-row-gap:12px;-webkit-column-gap:12px;column-gap:12px;display:grid;height:100%;row-gap:12px}}.lwn-label{font-weight:500}.lwn-number{color:rgba(0,0,0,.85);font-size:12px;margin-left:9px}.class-elem{flex-grow:1}.play-icon.class-play-icon{margin-right:4px;margin-top:2px;opacity:0;transition:opacity .5s ease;visibility:hidden;width:13px}.tiwtor-invite-row:hover .class-play-icon{opacity:1;visibility:visible}.year-level .list-body{margin-left:20px;margin-top:4px}.year-box .lwn-label{font-weight:500}.all-class-box .lwn-label{font-weight:350}.list-elem.dragging{border:1px solid rgba(0,0,0,.25);border-radius:4px}.all-classes-list{overflow-y:auto}.year-level .list-elem.acl-selected{border:1px solid rgba(0,0,0,.25);border-radius:4px;padding:6px}.checkbox-check{display:none}.checkbox-check.checked{display:block}.checkbox-box{display:inline-block;vertical-align:middle}.add-schools-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.add-class-group-chooser .description{margin-bottom:8px}.schools-add-class-divider{margin:28px auto;width:90%}.play-as-class-setting{margin-top:12px}.play-as-class-setting .checkbox-box{margin-right:8px;width:20px}.play-as-class-setting.description{font-style:italic;font-weight:400;margin-top:0;opacity:65%}.labelled-box{transition:all .3s}.labelled-box.dragndrop-hilight{border-color:rgba(211,44,44,.502);box-shadow:inset 0 0 2px 0 #d32c2c,0 0 2px 0 #d32c2c}.class-box.outlined{border:1px solid rgba(0,0,0,.25);border-radius:4px;box-sizing:border-box;min-width:150px;padding:6px 10px;position:relative}.class-box .close-button-upper-right{margin-right:2px;margin-top:1px;opacity:0;transition:opacity .5s ease;visibility:hidden}.class-box:hover .close-button-upper-right{opacity:1;visibility:visible}.class-list .list-body{display:flex;flex-wrap:wrap;gap:10px}.class-list .list-elem{padding-bottom:0;padding-top:0}.class-detail-box{display:flex;height:24px;justify-content:space-evenly;margin-bottom:2px;margin-top:6px}.class-detail-box .class-info,.class-detail-box .class-play,.class-detail-box .trash-icon{height:100%;width:auto}@media only screen and (min-width:700px){.class-list-box .center-notice-container{height:auto}.class-list-box .center-notice{font-size:16px;width:auto}}.all-classes .list-elem:hover{background-color:initial}.add-class-group-chooser{margin-bottom:12px}.teacher-overview{grid-area:groupinfo}.teacher-classes{grid-area:myclasses}.teacher-stats{grid-area:stats}.teacher-container{grid-template-areas:"allclasses groupinfo" "allclasses myclasses" "allclasses stats";grid-template-columns:1fr 3fr;grid-template-rows:auto 1fr 2fr}@media only screen and (max-width:700px){.teacher-container{grid-gap:12px;display:grid;gap:12px;grid-template-areas:"groupinfo" "allclasses" "myclasses" "stats";grid-template-columns:auto;grid-template-rows:auto}}@media only screen and (min-width:700px){.teacher-container{grid-column-gap:12px;grid-row-gap:12px;-webkit-column-gap:12px;column-gap:12px;display:grid;height:100%;row-gap:12px}}.group-action{border:1px solid rgba(0,0,0,.5);border-radius:4px;box-sizing:border-box;cursor:pointer;padding:6px 12px;width:-webkit-max-content;width:max-content}.group-action .icon{height:22px;vertical-align:middle}.group-action-label{font-weight:350;vertical-align:middle}.add-one-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.path-segment{cursor:pointer}.path-segment:hover{transition:color .3s}.path-segment.dragndrop-hilight{background-color:rgba(10,2,2,.5);border-radius:4px;color:#fff}.group-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.group-settings-dialog-title{font-size:20px;font-weight:700;margin-bottom:8px}.group-list-row{display:flex;gap:6px}.group-list-name{flex-grow:1}.group-list-controls{opacity:0;padding-right:4px;transition:opacity .4s ease;visibility:hidden}.list-elem:hover .group-list-controls{opacity:1;visibility:visible}.group-list-controls{align-items:center;display:flex;gap:5px}.group-list-controls .icon{height:22px;vertical-align:middle}.groups-column{grid-area:subgroups;.list{flex-grow:1;min-height:24px}}.group-manager-overview{grid-area:groupinfo}.learners-column{grid-area:learners}.group-container{grid-template-areas:"subgroups groupinfo" "subgroups managers" "subgroups learners";grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr 1fr}@media only screen and (max-width:700px){.group-container{grid-gap:12px;display:grid;gap:12px;grid-template-areas:"groupinfo" "subgroups" "managers" "learners";grid-template-columns:auto;grid-template-rows:auto}}@media only screen and (min-width:700px){.group-container{grid-column-gap:12px;grid-row-gap:12px;box-sizing:border-box;-webkit-column-gap:12px;column-gap:12px;display:grid;height:100%;row-gap:12px}}.horizontal-line{background-color:#bbb;height:1px;margin-bottom:8px;margin-top:8px;width:100%}.report-container{margin-bottom:12px}.download-button{float:right}.download-button-label{color:#000;text-decoration:none}.groups-content{margin:16px 24px;position:relative}.group-report-header{font-size:20px;font-weight:700;margin-bottom:12px;-webkit-user-select:none;user-select:none}.group-report-list-container{border:1px solid rgba(0,0,0,.25);border-radius:4px}.group-report-list-container.body{margin-top:16px}.group-report-list-container.summary{margin-top:8px}.group-report-list-contents{margin:8px}.group-report-list{display:inline-block;font-size:16px}.group-report-list.grl-header{font-weight:700;-webkit-user-select:none;user-select:none}.group-report-list.grl-column1{overflow:hidden;text-overflow:ellipsis;width:35%}.group-report-list.grl-column2{overflow:hidden;text-overflow:ellipsis;width:50%}.group-report-list.grl-column3{overflow:hidden;text-align:center;text-overflow:ellipsis;width:15%}.group-report-list.grl-column4,.group-report-list.grl-column5{text-align:center;width:10%}.group-report-list-contents .horizontal-line{margin-bottom:4px;margin-top:4px}.report-chooser-container{margin-bottom:6px;margin-top:8px}.learner-email{margin-left:4px;opacity:65%}.groups-container{align-items:center;display:flex;height:100%;justify-content:center}.groups-list{border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);margin:16px 24px;padding:2rem}.groups-list .list-header{font-size:24px}.groups-list .list-elem{font-size:22px}.all-class-column{grid-area:allclasses}.head-of-welsh-overview{grid-area:groupinfo}.head-of-welsh-classes{grid-area:myclasses}.managers-column{grid-area:managers}.head-of-welsh-container{grid-template-areas:"allclasses groupinfo" "allclasses myclasses" "allclasses managers";grid-template-columns:1fr 3fr;grid-template-rows:auto auto 1fr}.head-of-welsh-stats{float:right;height:22px}@media only screen and (max-width:700px){.head-of-welsh-container{grid-gap:12px;display:grid;gap:12px;grid-template-areas:"groupinfo" "allclasses" "myclasses" "managers";grid-template-columns:auto;grid-template-rows:auto}}@media only screen and (min-width:700px){.head-of-welsh-container{grid-column-gap:12px;grid-row-gap:12px;box-sizing:border-box;-webkit-column-gap:12px;column-gap:12px;display:grid;height:100%;row-gap:12px}}.wbl-page{height:calc(100% - 32px);margin:16px 24px}.wbl-managers{grid-area:managers}.wbl-overview{grid-area:groupinfo}.wbl-learners{grid-area:learners}.wbl-container{display:grid;grid-template-areas:"managers groupinfo" "managers learners";grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr}.invite-email-list{margin-left:16px}.confirm-dialog{display:flex;flex-direction:column;gap:12px}@media only screen and (max-width:700px){.wbl-container{gap:12px;grid-template-areas:"groupinfo" "managers" "learners";grid-template-columns:auto;grid-template-rows:auto}}@media only screen and (min-width:700px){.wbl-container{box-sizing:border-box;-webkit-column-gap:12px;column-gap:12px;height:100%;row-gap:12px}}.tab-bar-container{display:flex;flex-direction:column;height:100%;margin:auto;max-width:1000px}.tab-bar-content{flex-grow:1;height:0;overflow:auto}.tab-bar-itself{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,100%,.85);border-radius:10px 10px 0 0;display:flex;z-index:1000}.tab-bar-selector{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:20px 0}.tab-bar-selector .icon-box{cursor:pointer;display:flex;flex-direction:column;gap:4px}.tab-bar-selector .icon{color:#444!important;height:32px}.tab-bar-selector .tab-name{color:#444;text-align:center}.tab-bar-selector.selected .icon,.tab-bar-selector.selected .tab-name{color:#d32c2c!important}@media screen and (orientation:landscape)and (max-height:500px){.tab-bar-container{flex-direction:row-reverse;max-width:1200px}.tab-bar-content{height:100%}.tab-bar-itself{border-radius:0;flex-direction:column}.tab-bar-selector{margin:0 20px}}.tab-button-group{display:flex;font-size:18px;justify-content:center;object-fit:contain;position:relative}.button.tab-button{transition:color,background-color .2s ease}.button.tab-button.left{border-radius:6px 0 0 6px}.button.tab-button.right{border-radius:0 6px 6px 0}.button.tab-button.middle{border-radius:0}.button.tab-button.selected{background-color:#b41324;color:#fff}.toggle{cursor:pointer;display:inline-block;height:40px;width:72px}.toggle-rel{height:100%;position:relative;width:100%}.toggle-slot{z-index:1}.toggle-bob,.toggle-slot{height:100%;opacity:.6;position:absolute;width:100%}.toggle-bob{right:0;transition:all .4s ease;z-index:2}.toggle.on .toggle-bob{color:#d32c2c;opacity:1;right:-24px}.settings-box .playing-as{text-align:inherit}.settings-box.settings-box-toggle{align-items:center;display:flex}.user-settings{margin:24px 0;position:relative}.user-content{margin:16px 24px;position:relative}.user-container{max-width:90%;width:600px}.user-label{font-weight:700;margin-bottom:4px;margin-top:8px}.form-field{border:1px solid rgba(0,0,0,.25);line-height:normal;padding:6px;width:calc(100% - 16px)}.below{margin-top:16px}.back-button-row{color:#35c759}.user-settings-box.below{margin-top:20px}.logout-row{margin-bottom:12px}.logout-row .button{float:right}.button.logout{color:#d32c2c}.content{background-color:#f8f8f8;height:100vh;overflow:auto}.content.spaced{margin-top:12px;position:relative}.automagic .icon{color:#d32c2c}.automagic .disabled .icon{color:rgba(211,44,44,.502)}.automagic .button.inset-button.submit-button{background-color:#d32c2c;color:#fff}.automagic .button.tab-button.selected{background-color:#d32c2c}.automagic .path-segment:hover{color:#d32c2c}.automagic textarea{font-size:16px}.automagic .list-elem{font-weight:350}.automagic .box-header-label{font-size:18px;font-weight:500}.description{font-weight:500}.demo-content{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.demo-box{display:flex;flex-wrap:wrap;gap:24px}.demo-row{align-items:center;display:flex;gap:8px}.iu-dropdown{min-width:210px}.polymorph-title{font-size:18px;font-weight:500}.error-fallback{margin:12px}.ssi-logo{color:#d32c2c;width:286px}.ssi-catch-phrase{font-size:14px;opacity:75%}.standout-container{display:flex;height:100%;justify-content:center}.standout-box{align-self:center;border-radius:12px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);max-width:500px;padding:2rem;width:75vw}.standout-box .ssi-logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.invite-code-title{font-size:18px;font-weight:600;margin-bottom:12px}.invite-code-standout .button{margin-top:3px;width:31px}.login-field-label{font-weight:500;margin-bottom:4px}.login-button-label{text-align:center}.forgot.button{align-self:flex-end;color:#d32c2c;padding:2px 6px 6px}.forgot-buttons{display:flex;justify-content:space-between}@media only screen and (max-height:400px){.login-standout .standout-box{-webkit-transform:scale(.9);transform:scale(.9)}}@media only screen and (max-height:340px){.login-standout .standout-box{-webkit-transform:scale(.8);transform:scale(.8)}}.welcome-box{display:flex;justify-content:center}.welcome-text{max-width:600px}.welcome-top{font-size:28px;text-align:center}.welcome-body{font-size:17px;margin-bottom:12px;margin-top:12px}@media only screen and (max-height:500px){.landing-standout .standout-box{-webkit-transform:scale(.85);transform:scale(.85)}}@media only screen and (max-height:400px){.landing-standout .standout-box{-webkit-transform:scale(.75);transform:scale(.75)}}@media only screen and (max-height:340px){.landing-standout .standout-box{-webkit-transform:scale(.65);transform:scale(.65)}}.welcome-container{margin-top:20px;text-align:center}.welcome-top-banner{font-size:28px;font-weight:500}.welcome-top-body{font-size:18px;margin-top:20px}.ispeak-body{align-items:center;display:flex;flex-direction:column;gap:28px;top:100%}.ispeak-body .button{box-shadow:4px 4px 10px 3px rgba(0,0,0,.25)}.ispeak-body .button:active{box-shadow:1px 1px 2px 1px rgba(0,0,0,.25);-webkit-transform:scale(.98);transform:scale(.98)}.ispeak{font-size:22px;text-align:center}.onboard-video-container{background-color:#222;display:flex;height:100%}.onboard-video-box{margin:auto}.onboard-video{width:400px}@media screen and (max-width:400px){.onboard-video-container{display:block}.onboard-video{width:100%}}.onboard-banner{font-size:20px;font-weight:700}.onboard-banner,.onboard-instructions{color:#fff;margin-bottom:20px;text-align:center}.onboard-instructions{font-stye:italic;font-size:18px;font-weight:500}.video-overlay-rel{position:relative}.video-overlay{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;transition:opacity .9s ease;width:100%}.video-overlay.faded{opacity:0}.play-icon{width:40px;z-index:5000}.onboard-letsgo{margin-top:20px}.email-form-box{align-items:center;display:flex}.email-field-form{flex:1 1}.asr-signup{margin-top:20px;max-width:600px;text-align:center}.asr-signup .welcome-top{font-weight:500}.asr-signup .welcome-body{font-size:18px}.asr-signup .inline-button{align-items:center;background-color:#fff;color:#d32c2c;display:flex;font-weight:800;margin:8px;width:-webkit-max-content;width:max-content}.asr-signup .inline-button.disabled{background-color:#fff;color:rgba(211,44,44,.502);opacity:1}.asr-signup .inline-button div{white-space:nowrap}.signup-button-label{text-align:center}.have-account{margin-top:10px}p .capitalise{text-transform:capitalize}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.d7a92e01.css.map*/