.header{width:100%;padding-top:10px;display:grid;grid:"logo title user-tools"/200px 1fr 200px;align-items:center}.header .header-item>*{color:#346fa5}.header .logo{grid-area:logo;text-align:left}.header .title{grid-area:title;text-align:center}.header .user-tools{grid-area:user-tools;text-align:right}.header .user-tools *{display:none}.step-navigator{grid-area:step-navigator;margin:30px 0;display:flex;flex-flow:row nowrap;justify-content:space-around;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.step-navigator .step-navigation-item{display:flex;flex-flow:column nowrap;width:85%;height:70px;text-align:center;margin:0 auto;background:url(/static/media/step-frame.70fa2e38.svg) no-repeat;background-size:100% 100%;justify-content:center;align-items:center;padding-right:30px}.step-navigator .step-navigation-item *{color:#346fa5;margin:0}.step-navigator .step-navigation-item h3{font-size:1.15rem}.step-navigator .step-navigation-item h6{font-size:.95rem}.step-navigator .step-navigation-item.active{background:url(/static/media/step-frame-active.f731c7ac.svg) no-repeat;background-size:100% 100%}.step-navigator .step-navigation-item.active *{color:#fff}.reel-item-card{border:3px solid #346fa5}.reel-item-card .MuiCardMedia-root{height:300px;background-size:100% 100%}.reel-item-card .MuiCardMedia-root .reel-item-checkmark{width:45px;height:45px;position:absolute;right:10px;top:10px;background:url(/static/media/checkmark.7439268a.svg) no-repeat 50%;background-size:cover}.reel-item-card .MuiCardContent-root{background:#346fa5}.reel-item-card .MuiCardContent-root *{text-align:center}.reel-item-card.active{border-color:#9fcb3b}.reel-item-card.active .MuiCardContent-root{background:#9fcb3b}.select-category-page .main-content .category-select-section{display:grid;grid:max-content/repeat(4,1fr);grid-gap:20px;gap:20px}.select-category-page .main-content .floating-fab{position:fixed;bottom:30px;left:85%}.select-theme-page .main-content .theme-select-section{display:grid;grid:max-content/repeat(4,1fr);grid-gap:20px;gap:20px}.select-theme-page .main-content .floating-fab{position:fixed;bottom:30px;left:85%}.reel-items-radio-group{padding:20px 50px}.reel-items-radio-group .MuiAccordionSummary-root{min-height:0}.reel-items-radio-group .MuiAccordionSummary-root .MuiAccordionSummary-content{margin:0}.reel-items-radio-group .MuiAccordionSummary-root .MuiAccordionSummary-expandIcon{padding:0}.reel-items-radio-group .MuiAccordionSummary-root .reel-item-radio-button{color:#346fa5}.reel-items-radio-group .MuiCollapse-container .MuiAccordionDetails-root{padding-top:0}.reel-items-radio-group .MuiCollapse-container .MuiAccordionDetails-root .MuiTypography-root{margin-left:60px}.reel-items-radio-group .MuiCollapse-container .MuiAccordionDetails-root .MuiTypography-root h4{margin:0}.select-strand-page .main-content .strand-select-section{width:100%;grid-area:selector}.select-strand-page .main-content .floating-fab{position:fixed;bottom:30px;left:85%}.select-set-page .main-content .set-select-section{width:100%;grid-area:selector}.select-set-page .main-content .floating-fab{position:fixed;bottom:30px;left:85%}.block-preview{width:100%;height:auto;margin:10px 0;display:grid;grid:"block-name lessons"/230px 1fr}.block-preview.editing{grid:"drag-handle block-name lessons"/40px 230px 1fr}.block-preview .drag-handle{grid-area:drag-handle}.block-preview .drag-handle,.block-preview .preview-name{display:flex;flex-direction:column;justify-content:center}.block-preview .preview-name{grid-area:block-name}.block-preview .preview-name .MuiTypography-root{text-transform:uppercase;font-weight:600}.block-preview .preview-name .strands-sets-dropdown{margin-top:10px}.block-preview .preview-lessons{grid-area:lessons;padding:12px 0 20px 14px;display:flex;flex-flow:row wrap}.block-preview .preview-lessons .lesson-preview{width:160px;height:90px;margin:8px;position:relative}.block-preview .preview-lessons .lesson-preview img{display:block;max-width:160px;max-height:90px;width:auto;height:auto;position:absolute}.block-preview .preview-lessons .lesson-preview .lesson-active-indicator{width:30px;height:30px;top:4px;right:6px;position:absolute}.block-preview .preview-lessons .lesson-preview .lesson-active-indicator .MuiSvgIcon-root{width:1.25em;height:1.25em;fill:green}.block-preview .preview-lessons .lesson-preview.lesson-inactive img{-webkit-filter:grayscale(1);filter:grayscale(1)}.block-preview .preview-lessons .lesson-preview.lesson-inactive .lesson-active-indicator .MuiSvgIcon-root{fill:red}.main-content{padding-bottom:40px}.main-content .edit-buttons{position:fixed;margin:0;bottom:30px;right:20px}.main-content .edit-buttons .floating-fab{position:relative;margin:0 10px}.button-section{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-bottom:100px}.button-section>.MuiTypography-root{margin:22px 0}.button-section>.MuiTypography-root a{color:#9fcb3b}.button-section>.MuiButton-root{margin:1% .2%}.button-section>.allow-view-checkbox{margin:22px 0}.button-section>.allow-view-checkbox .MuiFormControlLabel-root{margin:0}.button-section>.allow-view-checkbox .MuiCheckbox-root{color:#9fcb3b}.button-section>.allow-view-checkbox .MuiTypography-body1{font-weight:600;color:#346fa5}.main-content .section{margin:8px 0}.main-content .description-section{grid-area:description}.main-content .button-section{grid-area:button-section;text-align:center}.block-tabs-container .MuiTabs-scrollButtons svg{fill:#346fa5}.block-tabs-container .MuiTab-textColorPrimary{color:#346fa5}.lesson-stepper-container.MuiPaper-root{background-color:unset}.lesson-stepper-container.MuiPaper-root .MuiStep-root:not(.activity)+.activity .MuiStepConnector-alternativeLabel{left:calc(-125% + 31px)}.lesson-stepper-container.MuiPaper-root .MuiStep-root.activity{flex:.4 1}.lesson-stepper-container.MuiPaper-root .MuiStep-root.activity+:not(.activity) .MuiStepConnector-alternativeLabel{left:calc(-19% + 8px)}.lesson-stepper-container.MuiPaper-root .MuiStep-root.activity .MuiStepConnector-alternativeLabel{left:calc(-50% + 15px);right:calc(50% + 15px)}.lesson-stepper-container.MuiPaper-root .MuiStep-root.activity .MuiStepButton-root .MuiStepLabel-root{padding-top:2px}.lesson-stepper-container.MuiPaper-root .MuiStep-root .MuiStepButton-root{width:100%;margin:-24px -16px;padding:24px 16px;box-sizing:initial}.lesson-stepper-container.MuiPaper-root .MuiStep-root .MuiStepButton-root .MuiStepLabel-labelContainer .MuiTypography-root{color:rgba(0,0,0,.38);font-size:.85rem}.lesson-stepper-container.MuiPaper-root .MuiStep-root .MuiStepButton-root .MuiStepLabel-labelContainer .MuiTypography-root.MuiStepLabel-active{color:#346fa5}.student-session-modal{position:absolute;width:45%;min-width:600px;background-color:#fff;padding:10px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.student-session-modal .MuiPaper-root{padding:10px}.student-session-modal .MuiPaper-root .modal-header{display:flex;justify-content:space-between}.student-session-modal .MuiPaper-root .modal-header .MuiIconButton-root{padding:0}.student-session-modal:focus{outline:none}.student-session-modal form{display:flex;flex-direction:column}.student-session-modal form>*{margin:10px 0}.student-session-modal form button{margin:0 30%}.teacher-session .main-content .section{margin:8px 0}.teacher-session .main-content .slide-and-navigation{position:relative;width:calc(100vw - 24px);margin:0 calc(628px - 50vw)}@media only screen and (max-width:1280px){.teacher-session .main-content .slide-and-navigation{margin:0 -12px}}@media only screen and (min-aspect-ratio:8/5){.teacher-session .main-content .slide-and-navigation{margin:0 calc(616px - 80vh);width:160vh}}@media only screen and (min-aspect-ratio:8/5)and (max-width:1280px){.teacher-session .main-content .slide-and-navigation{margin:0 auto}}.teacher-session .main-content .slide-and-navigation .slide-and-notes{width:100%;display:flex;flex-flow:column nowrap;overflow:hidden}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide-body{flex-grow:3;display:flex;flex-flow:row nowrap}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide-body .slide-content{position:relative;overflow:hidden}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide-body .slide-container{width:100%;height:100%}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel{flex-grow:2;display:flex;flex-flow:column}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .panel-controls{width:100%;display:flex;justify-content:flex-end;margin:10px 0}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .panel-controls .panel-toggle-position-button{margin:0 10px}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .panel-controls .panel-toggle-position-button .MuiSvgIcon-root{margin:0 4px}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .panel-controls .panel-close-button{min-width:50px}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .panel-controls .panel-close-button .MuiButton-iconSizeMedium{margin:0}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel .notes{height:90%;overflow-y:scroll}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel.sidebar{background:#d3d3d3;min-width:300px;width:100%;box-sizing:border-box;flex-grow:1;padding:12px}.teacher-session .main-content .slide-and-navigation .slide-and-notes .panel.footer{background:#d3d3d3;height:100%;min-height:200px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:12px}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide{width:100%;height:100%;margin:0}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .progress-spinner{width:100px!important;height:100px!important;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .slide-choice{cursor:pointer;position:absolute}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .slide-choice:hover{outline:4px solid rgba(159,204,59,.6)}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .student-action{position:absolute}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .MuiPaper-root{width:100%;height:100%;box-shadow:none;position:relative}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .MuiPaper-root>img{width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .MuiPaper-root>img.fit-width{width:100%}.teacher-session .main-content .slide-and-navigation .slide-and-notes .slide .MuiPaper-root>img.fit-height{height:100%}.teacher-session .main-content .slide-and-navigation .slide-navigation.with-notes{display:grid;grid:"navigation notes-control"/1fr 170px}.teacher-session .main-content .slide-and-navigation .slide-navigation.with-notes .MuiPaper-root.MuiMobileStepper-root{grid-area:navigation}.teacher-session .main-content .slide-and-navigation .slide-navigation.with-notes .open-notes-section{grid-area:notes-control;padding:12px 0}.teacher-session .main-content .slide-and-navigation .slide-navigation.with-notes .select-direction{margin:0 10px}.teacher-session .main-content .state-section{grid-area:state-section;display:grid;grid:"theme strand set button"/1fr 1fr 1fr 1fr;margin:100px 0}.teacher-session .main-content .state-section .reel-metadata .MuiTypography-body2{font-weight:600;font-size:1rem}.teacher-session .main-content .state-section .theme-data{grid-area:theme}.teacher-session .main-content .state-section .strand-data{grid-area:strand}.teacher-session .main-content .state-section .set-data{grid-area:set}.teacher-session .main-content .state-section .button-section{text-align:right;grid-area:button;display:flex;justify-content:space-between}.teacher-session .main-content .state-section .button-section .MuiButton-containedSizeLarge{padding:8px 12px}.MuiButtonBase-root.hidden{display:none}.MuiContainer-root.student-page{max-width:100%;width:100vw;height:100vh;padding:0}.MuiContainer-root.student-page .student-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}.MuiContainer-root.student-page .student-container.clickable{cursor:pointer}.MuiContainer-root.student-page .student-container .intro-video-player{background:#000;z-index:1}.MuiContainer-root.student-page .student-container .centered-button{width:20%;height:75px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.MuiContainer-root.student-page .student-container .centered-button h1{margin:0 auto}.MuiContainer-root.student-page .student-container .student-slide-holder{--ratio-height:9;--ratio-width:16;--slide-height:calc(100vw*var(--ratio-height)/var(--ratio-width));height:var(--slide-height);max-height:100vh;max-width:calc(100vh*var(--ratio-width)/var(--ratio-height));position:relative}.MuiContainer-root.student-page .student-container .student-slide-holder iframe{width:100%}.MuiContainer-root.student-page .student-container .student-slide-holder .slide{position:absolute;top:0;left:0;width:100%;height:100%}.MuiContainer-root.student-page .student-container .student-slide-holder .enable-play-curtain{width:100vw;height:100vh;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}*{box-sizing:border-box}html{background-color:#f0f4f7}body{margin:0;padding:0}
/*# sourceMappingURL=main.8418f021.chunk.css.map */