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}body,html{height:100%;overflow:hidden}.App,body{display:flex;flex-direction:column;flex-grow:1}html body{overflow-y:auto;--info-text:#052c80}html body h1,html body h1.MuiTypography-h1{font-size:2em;color:#3f51b5}html body .top-right a,html body .top-right button,html body .top-right svg{color:#fff;padding:.1em;min-width:0}@media screen and (max-width:390px){html body .top-right a .MuiButton-label span,html body .top-right button .MuiButton-label span,html body .top-right svg .MuiButton-label span{display:none}}html body p.notify{font-size:.9em;margin:-1em 0 1em;display:flex;align-items:center}html body p.notify.warning{color:#8b0000}html body p.notify.info{color:var(--info-text)}html body .auto-breadcrumbs ol li p{display:flex;align-items:center}html body .auto-breadcrumbs ol li a{color:#3f51b5;text-decoration:none}html body .print-section{position:absolute;width:100vw;height:100vh;overflow-y:auto;display:block;z-index:2000;background-color:#fff;border:none}html body .cell-container{margin:-.5em;display:flex;flex-wrap:wrap}html body .gray-frame{background:rgba(0,0,0,.1);padding:1em;border-radius:.5em;margin:1em 0}html body .gray-frame.cell{margin:.5em}.flex{display:flex}.flex.column{flex-direction:column}.flex.row{flex-direction:row}.flex.wrap{flex-wrap:wrap}.flex.no-wrap{flex-wrap:nowrap}.logo-link{color:#fff;text-decoration:none;font-weight:600;display:flex;align-items:center}.logo-link img{max-height:2em;margin-right:.3em}@media screen and (max-width:390px){.logo-link span{display:none}}.grow1{flex-grow:1}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.content-start{justify-content:flex-start}.content-center{justify-content:center}.content-end{justify-content:flex-end}.content-stretch{justify-content:stretch}.content-space-between{justify-content:space-between}#root{display:flex;flex-direction:column;flex-grow:1}#root .MuiButtonGroup-root a{color:grey}#root .MuiButtonGroup-root a.active{background:#0ff;color:#00008b}#root .MuiButtonGroup-root a.MuiButton-contained{color:#fff}.m-0{margin:0}.m-top-0{margin-top:0}.m-right-0{margin-right:0}.m-bottom-0{margin-bottom:0}.m-left-0{margin-left:0}.m-top-0-forced{margin-top:0!important}.m-right-0-forced{margin-right:0!important}.m-bottom-0-forced{margin-bottom:0!important}.m-left-0-forced{margin-left:0!important}.m-1{margin:.1em}.m-top-1{margin-top:.1em}.m-right-1{margin-right:.1em}.m-bottom-1{margin-bottom:.1em}.m-left-1{margin-left:.1em}.m-top-1-forced{margin-top:.1em!important}.m-right-1-forced{margin-right:.1em!important}.m-bottom-1-forced{margin-bottom:.1em!important}.m-left-1-forced{margin-left:.1em!important}.m-2{margin:.2em}.m-top-2{margin-top:.2em}.m-right-2{margin-right:.2em}.m-bottom-2{margin-bottom:.2em}.m-left-2{margin-left:.2em}.m-top-2-forced{margin-top:.2em!important}.m-right-2-forced{margin-right:.2em!important}.m-bottom-2-forced{margin-bottom:.2em!important}.m-left-2-forced{margin-left:.2em!important}.m-3{margin:.3em}.m-top-3{margin-top:.3em}.m-right-3{margin-right:.3em}.m-bottom-3{margin-bottom:.3em}.m-left-3{margin-left:.3em}.m-top-3-forced{margin-top:.3em!important}.m-right-3-forced{margin-right:.3em!important}.m-bottom-3-forced{margin-bottom:.3em!important}.m-left-3-forced{margin-left:.3em!important}.m-4{margin:.4em}.m-top-4{margin-top:.4em}.m-right-4{margin-right:.4em}.m-bottom-4{margin-bottom:.4em}.m-left-4{margin-left:.4em}.m-top-4-forced{margin-top:.4em!important}.m-right-4-forced{margin-right:.4em!important}.m-bottom-4-forced{margin-bottom:.4em!important}.m-left-4-forced{margin-left:.4em!important}.m-5{margin:.5em}.m-top-5{margin-top:.5em}.m-right-5{margin-right:.5em}.m-bottom-5{margin-bottom:.5em}.m-left-5{margin-left:.5em}.m-top-5-forced{margin-top:.5em!important}.m-right-5-forced{margin-right:.5em!important}.m-bottom-5-forced{margin-bottom:.5em!important}.m-left-5-forced{margin-left:.5em!important}.m-6{margin:.6em}.m-top-6{margin-top:.6em}.m-right-6{margin-right:.6em}.m-bottom-6{margin-bottom:.6em}.m-left-6{margin-left:.6em}.m-top-6-forced{margin-top:.6em!important}.m-right-6-forced{margin-right:.6em!important}.m-bottom-6-forced{margin-bottom:.6em!important}.m-left-6-forced{margin-left:.6em!important}.m-7{margin:.7em}.m-top-7{margin-top:.7em}.m-right-7{margin-right:.7em}.m-bottom-7{margin-bottom:.7em}.m-left-7{margin-left:.7em}.m-top-7-forced{margin-top:.7em!important}.m-right-7-forced{margin-right:.7em!important}.m-bottom-7-forced{margin-bottom:.7em!important}.m-left-7-forced{margin-left:.7em!important}.m-8{margin:.8em}.m-top-8{margin-top:.8em}.m-right-8{margin-right:.8em}.m-bottom-8{margin-bottom:.8em}.m-left-8{margin-left:.8em}.m-top-8-forced{margin-top:.8em!important}.m-right-8-forced{margin-right:.8em!important}.m-bottom-8-forced{margin-bottom:.8em!important}.m-left-8-forced{margin-left:.8em!important}.m-9{margin:.9em}.m-top-9{margin-top:.9em}.m-right-9{margin-right:.9em}.m-bottom-9{margin-bottom:.9em}.m-left-9{margin-left:.9em}.m-top-9-forced{margin-top:.9em!important}.m-right-9-forced{margin-right:.9em!important}.m-bottom-9-forced{margin-bottom:.9em!important}.m-left-9-forced{margin-left:.9em!important}.m-10{margin:1em}.m-top-10{margin-top:1em}.m-right-10{margin-right:1em}.m-bottom-10{margin-bottom:1em}.m-left-10{margin-left:1em}.m-top-10-forced{margin-top:1em!important}.m-right-10-forced{margin-right:1em!important}.m-bottom-10-forced{margin-bottom:1em!important}.m-left-10-forced{margin-left:1em!important}.m-11{margin:1.1em}.m-top-11{margin-top:1.1em}.m-right-11{margin-right:1.1em}.m-bottom-11{margin-bottom:1.1em}.m-left-11{margin-left:1.1em}.m-top-11-forced{margin-top:1.1em!important}.m-right-11-forced{margin-right:1.1em!important}.m-bottom-11-forced{margin-bottom:1.1em!important}.m-left-11-forced{margin-left:1.1em!important}.m-12{margin:1.2em}.m-top-12{margin-top:1.2em}.m-right-12{margin-right:1.2em}.m-bottom-12{margin-bottom:1.2em}.m-left-12{margin-left:1.2em}.m-top-12-forced{margin-top:1.2em!important}.m-right-12-forced{margin-right:1.2em!important}.m-bottom-12-forced{margin-bottom:1.2em!important}.m-left-12-forced{margin-left:1.2em!important}.m-13{margin:1.3em}.m-top-13{margin-top:1.3em}.m-right-13{margin-right:1.3em}.m-bottom-13{margin-bottom:1.3em}.m-left-13{margin-left:1.3em}.m-top-13-forced{margin-top:1.3em!important}.m-right-13-forced{margin-right:1.3em!important}.m-bottom-13-forced{margin-bottom:1.3em!important}.m-left-13-forced{margin-left:1.3em!important}.m-14{margin:1.4em}.m-top-14{margin-top:1.4em}.m-right-14{margin-right:1.4em}.m-bottom-14{margin-bottom:1.4em}.m-left-14{margin-left:1.4em}.m-top-14-forced{margin-top:1.4em!important}.m-right-14-forced{margin-right:1.4em!important}.m-bottom-14-forced{margin-bottom:1.4em!important}.m-left-14-forced{margin-left:1.4em!important}.m-15{margin:1.5em}.m-top-15{margin-top:1.5em}.m-right-15{margin-right:1.5em}.m-bottom-15{margin-bottom:1.5em}.m-left-15{margin-left:1.5em}.m-top-15-forced{margin-top:1.5em!important}.m-right-15-forced{margin-right:1.5em!important}.m-bottom-15-forced{margin-bottom:1.5em!important}.m-left-15-forced{margin-left:1.5em!important}.m-16{margin:1.6em}.m-top-16{margin-top:1.6em}.m-right-16{margin-right:1.6em}.m-bottom-16{margin-bottom:1.6em}.m-left-16{margin-left:1.6em}.m-top-16-forced{margin-top:1.6em!important}.m-right-16-forced{margin-right:1.6em!important}.m-bottom-16-forced{margin-bottom:1.6em!important}.m-left-16-forced{margin-left:1.6em!important}.m-17{margin:1.7em}.m-top-17{margin-top:1.7em}.m-right-17{margin-right:1.7em}.m-bottom-17{margin-bottom:1.7em}.m-left-17{margin-left:1.7em}.m-top-17-forced{margin-top:1.7em!important}.m-right-17-forced{margin-right:1.7em!important}.m-bottom-17-forced{margin-bottom:1.7em!important}.m-left-17-forced{margin-left:1.7em!important}.m-18{margin:1.8em}.m-top-18{margin-top:1.8em}.m-right-18{margin-right:1.8em}.m-bottom-18{margin-bottom:1.8em}.m-left-18{margin-left:1.8em}.m-top-18-forced{margin-top:1.8em!important}.m-right-18-forced{margin-right:1.8em!important}.m-bottom-18-forced{margin-bottom:1.8em!important}.m-left-18-forced{margin-left:1.8em!important}.m-19{margin:1.9em}.m-top-19{margin-top:1.9em}.m-right-19{margin-right:1.9em}.m-bottom-19{margin-bottom:1.9em}.m-left-19{margin-left:1.9em}.m-top-19-forced{margin-top:1.9em!important}.m-right-19-forced{margin-right:1.9em!important}.m-bottom-19-forced{margin-bottom:1.9em!important}.m-left-19-forced{margin-left:1.9em!important}.m-20{margin:2em}.m-top-20{margin-top:2em}.m-right-20{margin-right:2em}.m-bottom-20{margin-bottom:2em}.m-left-20{margin-left:2em}.m-top-20-forced{margin-top:2em!important}.m-right-20-forced{margin-right:2em!important}.m-bottom-20-forced{margin-bottom:2em!important}.m-left-20-forced{margin-left:2em!important}.modal-form-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-form-wrapper .modal-form{background:#fff;padding:1em;border-radius:.5em;box-shadow:1px 1px 3px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:stretch}.modal-form-wrapper .modal-form button{margin:.5em}.notifications-container{z-index:2010;position:absolute;bottom:2em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.notifications-container.has-many-items .messages{max-height:10em;overflow-y:auto;background-color:hsla(0,0%,100%,.4);box-shadow:2px 2px 6px rgba(1,1,1,.6)}.notifications-container.has-many-items .close-button{width:auto;padding:0;margin:0;position:absolute;right:0;top:-3em;z-index:10;font-size:.6em}.notifications-container .messages{display:flex;flex-direction:column;align-items:stretch;position:relative;padding:1em;border-radius:1em 0 0 1em;transition:background-color .5s,box-shadow .5s}.notifications-container .messages .MuiSnackbar-root{position:relative;bottom:inherit;margin-bottom:.4em;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);transition:transform .3s ease-out}.notifications-container .messages .MuiSnackbar-root.closing{-webkit-transform:translateX(-50%) scale(.1);transform:translateX(-50%) scale(.1)}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-form h1{font-size:1.2em}.login-form .form-content>*{margin:.5em 0}#main{flex-grow:1}#main .dashboard>ul.menu-block{display:flex;flex-wrap:wrap;padding:0;margin:-1em}#main .dashboard>ul.menu-block>li{display:flex;flex-grow:1;min-height:10em;flex-direction:column;padding:1em;background-color:#3f51b5;margin:1em;border-radius:.5em;color:#fff}#main .dashboard>ul.menu-block>li a{color:#fff;text-decoration:none;flex-grow:1}#main .dashboard>ul.menu-block>li>a{color:#64c8ff;font-size:2.4em;font-weight:300}#main .dashboard>ul.menu-block ul{padding:0;list-style:none;flex-grow:1}#main .dashboard>ul.menu-block ul>li{display:flex;flex-direction:column;margin:0;padding-left:.5em}#main .dashboard>ul.menu-block ul>li a{padding:1em;color:#fff;text-decoration:none;flex-grow:1}#main .dashboard>ul.menu-block ul>li a:hover{background-color:hsla(0,0%,100%,.1)}.program-editor{display:flex;flex-direction:column;flex-grow:1}.program-editor .language-selector{display:flex}.program-editor .language-selector a.active{background-color:#0ff}iframe.display-iframe{flex-grow:1;margin:1em 0;border-radius:12px;background:#fff}.editor-container{display:flex;flex-grow:1}.editor-container.runandcode{width:598px;height:calc(847px + 2em);padding:1em 2em;background:#e40a74}.editor-container.runandcode .MuiContainer-root{margin:0}.editor-container.runandcode .tox.tox-tinymce{width:550px;height:847px}.editor-container.playandexplore{width:1550px;height:838px;padding:1em 2em;background:#43349f}.editor-container.playandexplore .MuiContainer-root{margin:0}.editor-container.playandexplore .tox.tox-tinymce{width:1502px;height:838px}.editor-container .editor-button-bar{margin:1em 0}.editor-container .editor-button-bar button{margin-right:.5em;background:hsla(0,0%,100%,.4)}.editor-container .editor-button-bar button:hover{background:#fff}.buttons{flex-direction:row;margin:.4em 0}.buttons [type=button]{margin-right:.5em}.form-dialog div{margin:.5em 0}.form-dialog .buttons{flex-grow:1;margin-top:1.5em;padding-top:1em;border-top:1px solid #ddd}.buttons,.form-dialog .buttons{display:flex;justify-content:space-between}.programs h1{margin:.5 0 2em;font-size:1em}.programs .program-types-nav{margin:0 0 1em}.programs .filter-item{display:flex;justify-content:flex-end}.programs .filter-item .count{font-size:.7em;color:#fff;margin-left:.5em;background:#999;border-radius:1em;padding:.2em .5em}html body .filter-select{padding:.2em 1em}html body .filter-item{display:flex;justify-content:flex-end}html body .filter-item:after{content:attr(data-count);font-size:.7em;color:#fff;margin-left:.5em;background:#999;border-radius:1em;padding:.2em .5em}.admin-table-container{min-height:70vh;width:100%;display:flex}.admin-table-container .admin-table-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:stretch}.admin-table-container .admin-table-toolbar .admin-table-buttons{flex-grow:1}.admin-table-container .admin-table-toolbar .admin-table-buttons button{margin-right:.4em}.admin-table-container .table-row-buttons{opacity:.4;transition:opacity .2s}.admin-table-container .table-row-buttons button{font-size:.8em;padding:.2em 1em}.admin-table-container .table-row-buttons button svg{width:.6em;height:.6em}.admin-table-container .MuiDataGrid-root .MuiDataGrid-row.Mui-even{background-color:rgba(0,0,0,.05)}.admin-table-container .MuiDataGrid-root .MuiDataGrid-row:hover{background-color:#c2cbfa}.admin-table-container .MuiDataGrid-root .MuiDataGrid-row:hover .table-row-buttons{opacity:1}.admin-table-container .green-btn{background-color:green!important;color:#fff!important}.admin-table-container .chip{display:inline-flex;background:#177f7f;border-radius:1em;padding:.4em .8em;margin:.3em;justify-content:center;align-items:center;font-size:.7em;line-height:1em;color:#fff}.auto-breadcrumbs{margin:1em 0}.auto-breadcrumbs .breadcrumbs-item{display:flex;align-items:center}html body #main .section>h1{display:flex;justify-content:space-between}html body [role=presentation] .content-items-list{max-height:30vh;overflow-y:auto;margin:.5em 0;background:rgba(0,0,0,.03);border-radius:.5em}html body [role=presentation] .content-items-list .content-item.selected{background-color:#0ff}.modal-window{background-color:#fff;border-radius:1em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:38em;max-width:calc(95% - 2em);max-height:calc(95vh - 2em);display:flex;flex-direction:column;padding:1em}.modal-window.full-screen{width:calc(100% - 2em);height:calc(100% - 2em);max-width:calc(100% - 2em);max-height:calc(100% - 2em)}.modal-window.shrink{width:auto;height:auto}@media screen and (max-width:320px){.modal-window{height:95vh}}.modal-window .modal-header{font-size:1.4em;margin-bottom:7px;display:flex;justify-content:center;color:#3f51b5}.modal-window .modal-content{overflow-y:auto;overflow-x:hidden;flex-direction:column;align-items:center;display:flex;flex-grow:1}.modal-window.stretch .modal-content{align-items:stretch}.modal-window .modal-buttons-container{display:flex;flex-direction:row;justify-content:center}.modal-window .modal-buttons-container button{margin:.2em .6em}.languages{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background:#ccc;padding:2em;border-radius:6px}.languages .language-card{box-shadow:0 0 0 transparent;background-color:#3f51b5;color:#64c8ff;font-size:1.6em;font-weight:300;transition:all .5s}.languages .language-card:hover{color:#fff;-webkit-transform:translateY(-.2em);transform:translateY(-.2em);box-shadow:.2em .2em 3px rgba(0,0,0,.2)}.translation-desk{border:1px solid rgba(0,0,0,.1);border-radius:1em;padding:0 2em 2em;margin:0 0 1em;position:relative}.translation-desk .label{position:relative;font-size:1.2em;display:flex;justify-content:space-between;margin:.5em -.8em 1.5em;align-items:center;border-bottom:1px solid #eee}.translation-desk .label [role=group]{margin:0 0 .5em}.translation-desk .english{background-color:rgba(0,0,50,.1)}.translation-desk .translation{background-color:#c7cce8}.translation-desk .translation-prompt{position:absolute;top:.1em;left:1.5em;font-size:2.5em;color:rgba(0,0,0,.3);font-weight:700}.translation-desk .edit-display{background:#fff;padding:0;margin:1em 0;border-radius:6px;overflow-y:auto;max-height:100%}.translation-desk .edit-display-iframe{border:none;width:100%;height:50vh}.translation-desk [data-ln1]:before{content:attr(data-ln1);position:-webkit-sticky;position:sticky;top:0;left:0;background:#000;color:#fff;width:2em;height:2em;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;opacity:.4;z-index:10}.translation-desk [data-ln1]{position:relative;padding-left:2em}.translation-desk .editor-before[data-ln1]:before{right:0;left:inherit}.translation-desk .translation>.MuiContainer-root{padding:0}.translation-desk .translation .tox-tinymce{border:none;margin:1em 0;padding:0;border-radius:6px}.translation-desk .translation .editor-button-bar{position:absolute;right:0;top:0}.max-width-400{max-width:400px}ul.credentials [role=menuitem]{display:flex;justify-content:space-between}.change-password-form,.user-form{display:flex;flex-direction:column}.users .user{display:flex;flex-wrap:wrap;margin:-.5em}.users .user>div,.users .user>ul{flex-grow:1;flex-basis:calc(30% - 1em);margin:.5em}.users .user h3{margin:0 0 .5em;padding:0 0 .5em;border-bottom:1px solid rgba(0,0,0,.1)}.users .user .detail-row{padding:.3em 0;border-bottom:2px dotted rgba(0,0,0,.1)}.users .user .detail-row span:first-child{font-weight:600;width:100px}form .error-message{color:red;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:2.5em;font-size:.85em}.user-profile .detail-row{padding:.3em 0;border-bottom:2px dotted rgba(0,0,0,.1)}.user-profile .detail-row span:first-child{font-weight:600;width:100px}.modal-window.process .modal-content{min-height:4em}.async-button .MuiButton-label{display:flex;align-items:center;justify-content:stretch}.async-button .MuiButton-label .loading-icon{max-width:1.2em;max-height:1.2em;margin-right:.6em;color:hsla(0,0%,100%,.7)}.async-button.icon-top .MuiButton-label{flex-direction:column}.async-button.icon-top .MuiButton-label .loading-icon{margin-right:0;margin-bottom:.3em}.async-button.icon-bottom .MuiButton-label{flex-direction:column-reverse}.async-button.icon-bottom .MuiButton-label .loading-icon{margin-right:0;margin-top:.3em}.async-button.icon-left .MuiButton-label{flex-direction:row}.async-button.icon-right .MuiButton-label{flex-direction:row-reverse}.async-button.icon-right .MuiButton-label .loading-icon{margin-right:0;margin-left:.6em}#main{display:flex;flex-direction:column;padding:80px 24px 24px}
/*# sourceMappingURL=main.6246679a.chunk.css.map */