@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);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{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100%}body,body #root{-webkit-flex-grow:1;flex-grow:1}body #root{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch}body #root h1{font-size:3em}body #root .navbar{height:40px;padding:0 2em;color:#fff}body #root .navbar .menu-button{cursor:pointer}body #root .main{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-justify-content:stretch;justify-content:stretch;transition:padding-left 255ms;padding-top:40px}body #root .main.drawer-open{padding-left:240px}body #root .footer{height:40px;color:#fff;z-index:1}body #root .breadcrumbs{padding:10px;margin:0 0 10px 10px}body #root .footer{display:-webkit-flex;display:flex;-webkit-flex-grow:0;flex-grow:0;height:70px;-webkit-align-items:center;align-items:center;width:100%;-webkit-justify-content:center;justify-content:center;background:#7ea09f}body .skeleton{padding:1em;display:-webkit-flex;display:flex;-webkit-flex-grow:1;flex-grow:1;min-height:3em;background-color:rgba(0,0,0,.06);border-radius:12px;margin:1em 0}.flex{display:-webkit-flex!important;display:flex!important}.flex.column{-webkit-flex-direction:column;flex-direction:column}.flex.row{-webkit-flex-direction:row;flex-direction:row}.flex.align-items-baseline{-webkit-align-items:baseline;align-items:baseline}.flex.align-items-flex-start{-webkit-align-items:flex-start;align-items:flex-start}.flex.align-items-flex-end{-webkit-align-items:flex-end;align-items:flex-end}.flex.align-items-stretch{-webkit-align-items:stretch;align-items:stretch}.flex.align-items-center{-webkit-align-items:center;align-items:center}.flex.justify-content-baseline{-webkit-justify-content:baseline;justify-content:baseline}.flex.justify-content-flex-start{-webkit-justify-content:flex-start;justify-content:flex-start}.flex.justify-content-flex-end{-webkit-justify-content:flex-end;justify-content:flex-end}.flex.justify-content-stretch{-webkit-justify-content:stretch;justify-content:stretch}.flex.justify-content-center{-webkit-justify-content:center;justify-content:center}.flex.justify-content-space-around{-webkit-justify-content:space-around;justify-content:space-around}.flex.justify-content-space-evenly{-webkit-justify-content:space-evenly;justify-content:space-evenly}.flex.justify-content-space-between{-webkit-justify-content:space-between;justify-content:space-between}.grow-0{-webkit-flex-grow:0;flex-grow:0}.grow-1,.grow-2{-webkit-flex-grow:1;flex-grow:1}#root header .top-right .user-icon{position:relative}#root header .top-left a{text-decoration:none;color:#ff0048;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#root header .top-left a span{margin-left:.2em}#root header .top-left img{max-height:30px}.auto-breadcrumbs{margin:1em 0}.auto-breadcrumbs .breadcrumbs-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#root .courses-list{margin-bottom:2em}#root ul.course-experiments-list{font-size:.9em}@media screen and (max-width:768px){#root ul.course-experiments-list{-webkit-column-count:1;column-count:1}}@media screen and (min-width:768px){#root ul.course-experiments-list{-webkit-column-count:1;column-count:1}}@media screen and (min-width:1200px){#root ul.course-experiments-list{-webkit-column-count:2;column-count:2}}#root ul.course-experiments-list li{line-height:1em;margin-bottom:.3em}.exp-list-container{position:-webkit-sticky;position:sticky;top:0;counter-reset:exp-counter}.exp-list-container .accordion-list .accordion-experiment-title:before{counter-increment:exp-counter;content:counter(exp-counter);background:grey;border-radius:50%;width:2em;height:2em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:absolute;left:.5em;color:#fff}.error-message{text-align:center;padding:60px}.MuiAccordionSummary-content>p{padding-left:2em}body #root .main{padding-bottom:0}#root .user-profile{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;margin-top:1.6em;max-height:55vh}#root .user-profile .details-container{border-radius:8px;border:2px solid #000;-webkit-align-content:space-around;align-content:space-around;display:-webkit-flex;display:flex;max-height:35vh;padding:1em}#root .user-profile .details-container .details-text{margin-top:25px}#root .user-profile .image-container{display:-webkit-flex;display:flex;max-height:35vh;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:space-around;align-content:space-around;-webkit-justify-content:space-between;justify-content:space-between}#root .user-profile .image-container .image{width:50%;border:2px solid #000;border-radius:8px}#root .user-profile .status-credentials-container{border-radius:8px;border:2px solid #000;-webkit-align-content:flex-start;align-content:flex-start;max-height:35vh;padding:1em;display:-webkit-flex;display:flex}#root .user-profile .status-credentials-container .status{padding:1em;border-bottom:2px solid #000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;max-height:10vh;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around}#root .user-profile .status-credentials-container .credentials{padding:1em;max-height:28vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#root .user-profile .status-credentials-container .credentials .list-text{margin-top:25px}#root .user-profile .progress-container{border-radius:8px;border:2px solid #000;overflow-x:hidden;overflow-y:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;padding:1em}#root .user-profile .progress-container .accorion-item{width:80%;margin-bottom:0!important;margin-top:0!important}#root .user-profile .progress-container .accorion-item #accordion-title{background-color:rgba(170,177,174,.432);display:-webkit-flex;display:flex}#root .user-profile .progress-container .accorion-item #accordion-title>div{-webkit-justify-content:space-between;justify-content:space-between}#root .user-profile .progress-container .accorion-details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#root .user-profile .progress-container .accorion-details .line{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:0 1em}#root .user-profile .buttons-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.password-modal-container{-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:65%;width:75%!important;min-height:50vh;background-color:#ccc4c4;border-radius:8px;overflow:hidden;-webkit-justify-content:space-around;justify-content:space-around}.password-modal-container .header-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:10px}.password-modal-container .header-container .header{font-weight:700!important;font-size:2em!important;margin-bottom:7px!important}.password-modal-container .fields{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px}.password-modal-container .buttons-container{padding:10px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}ul.tooltip-list{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;font-size:.8em}ul.tooltip-list,ul.tooltip-list li{display:-webkit-flex;display:flex;list-style:none;padding:0}ul.tooltip-list li{margin:.2em;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}ul.tooltip-list li span:first-child{width:5em;margin-right:2em;white-space:nowrap}ul.tooltip-list li span:nth-child(2),ul.tooltip-list li span:nth-child(3){width:4em;white-space:nowrap}span.question-placeholder{background:#faebd7;padding:.2em .6em;border-radius:1em;color:#dc143c}.text-field-question input{outline:none;width:60px;padding:.4em .8em;border:none;border-bottom:1px solid #d3d3d3}.text-field-question input:focus{background:#fbf6e9;border-color:brown;border-radius:1em}.text-field-question input:disabled{opacity:.3}.text-field-question.has-errors input{background:#ffe4e1;color:#8b0000;border-color:red}.text-field-question.has-errors input:disabled{background:#eee}.spinner-container{-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:1;flex-grow:1;padding:2em}.spinner-container,.text-color-question{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.text-color-question{width:100%;height:100%;padding:7px 0;overflow:hidden}.text-color-question.has-errors{background-color:rgba(255,0,0,.247)}.text-color-question.has-errors .color-button{box-shadow:0 0 5px 8px rgba(255,0,0,.473);border:1px solid #fff}.text-color-question .color-button{border-radius:6px;padding:5px;width:auto;min-height:30px;min-width:30px;font-weight:700;background:rgba(0,0,0,.05)}.text-color-question .color-button:disabled{cursor:not-allowed}.text-color-question .color-button:hover{background-color:rgba(151,148,151,.747)}.text-color-question .color-button[data-btn-color=red]{background-color:red}.text-color-question .color-button[data-btn-color=yellow]{background-color:#ff0}.text-color-question .color-button[data-btn-color=white]{background-color:#fff;border:2px solid #000}.text-color-question .color-button[data-btn-color=black]{background-color:#000}.text-color-question .color-button[data-btn-color=orange]{background-color:orange}.text-color-question .color-button[data-btn-color=brown]{background-color:brown}.text-color-question .color-button[data-btn-color=green]{background-color:green}.text-color-question .color-button[data-btn-color=gold]{background-color:gold}.text-color-question .color-button[data-btn-color=silver]{background-color:silver}.text-color-question [data-btn-color]:after{content:attr(data-btn-color);display:inline-block;width:-moz-fit-content;min-width:calc(100% - .8em);position:absolute;bottom:0;left:50%;font-size:9px;color:hsla(0,0%,100%,.8196078431372549);background:#000;padding:.1em .5em;border-radius:6px;-webkit-transform:translate(-50%,40%);transform:translate(-50%,40%)}.text-color-question .color-select-box{width:115px}.text-color-question .color-question-menu [data-btn-color=red]{color:red}.text-color-question .color-question-menu [data-btn-color=white]{background-color:#d3d3d3;color:#fff}.text-color-question .color-question-menu [data-btn-color=black]{color:#000}.text-color-question .color-question-menu [data-btn-color=orange]{color:orange}.text-color-question .color-question-menu [data-btn-color=brown]{color:brown}.text-color-question .color-question-menu [data-btn-color=green]{color:green}.text-color-question .color-question-menu [data-btn-color=gold]{color:gold}.text-color-question .color-question-menu [data-btn-color=silver]{color:silver}.multiple-choice-buttons{position:relative;display:-webkit-inline-flex;display:inline-flex;border-radius:6px;padding:2px 10px;-webkit-flex-direction:column;flex-direction:column;color:#afafaf}.multiple-choice-buttons button{color:grey}.multiple-choice-buttons button.selected{color:#fff}.multiple-choice-buttons button:disabled{background-color:#afafaf;cursor:not-allowed}.multiple-choice-buttons.correct{color:#009259;background-color:rgba(0,255,115,.2)}.multiple-choice-buttons.correct .MuiButton-contained.selected:disabled{background-color:#a2c0a2}.multiple-choice-buttons.wrong{color:#dc143c;background-color:rgba(255,0,0,.31)}.multiple-choice-buttons.wrong .MuiButton-contained.selected{background-color:#dc143c}.multiple-choice-buttons.wrong .MuiButton-contained.selected:disabled{background-color:#e0abb6}.multiple-choice-buttons.wrong .MuiButton-contained.clicked{background-color:grey;color:#fff;text-shadow:0 0 4px #000}.multiple-choice-buttons button.MuiButton-contained{border-radius:0;-webkit-flex-grow:1;flex-grow:1}.multiple-choice-buttons button.MuiButton-contained.selected{background-color:#1a8b72}.multiple-choice-buttons button.MuiButton-contained:first-child{border-radius:6px 0 0 6px}.multiple-choice-buttons button.MuiButton-contained:last-child{border-radius:0 6px 6px 0}.multiple-choice-buttons .MuiButtonGroup-vertical button.MuiButton-contained:first-child{border-radius:6px 6px 0 0}.multiple-choice-buttons .MuiButtonGroup-vertical button.MuiButton-contained:last-child{border-radius:0 0 6px 6px}.multiple-choice-buttons .description{font-weight:600;margin-bottom:4px}.multiple-choice-buttons .error-message{padding:2px;position:relative;display:block;text-align:center;width:100%;font-size:.7em;letter-spacing:.06em;font-weight:700;text-shadow:1px 1px 3px #fff}.fraction{text-align:center;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;margin:0 .4em}.denom,.nom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.nom{border-bottom:1px solid #000}sub{top:.6em}sub,sup{font-size:.7em;position:relative;vertical-align:baseline}sup{top:-.4em}.text-field-question{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;position:relative}.text-field-question .question-title{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.text-field-question input::-webkit-inner-spin-button,.text-field-question input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field-question input[type=number]{-moz-appearance:textfield}.text-field-question input:disabled{cursor:not-allowed}.quiz-container{background-color:#eff7fd;padding:10px;border-radius:6px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.quiz-container .question-container{padding:10px}.quiz-container .quiz-title{font-size:1.3em;FONT-WEIGHT:400;color:#3f51b5;margin-bottom:1em}.quiz-container .question-text{-webkit-flex:1 1;flex:1 1;padding:10px}.quiz-container #question-title{font-weight:700;color:#f50057;margin-bottom:12px}.quiz-container .answered-correctly .question-text{color:rgba(0,0,0,.5)}.quiz-container .answered-correctly svg{color:rgba(0,0,0,.1)}.quiz-container .answered-correctly .selected svg{color:green}.quiz-container .answered-correctly .selected .question-text{color:green;font-weight:700}.quiz-container .image{width:200px;height:auto;padding:15px}.quiz-container .image .question-image{width:300px}.quiz-container .option{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.course-main-container{margin-top:20px}.course-main-container .bottom-buttons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:2em 0}.course-main-container .bottom-buttons a[role=button]{padding:.6em 1.2em;font-size:1.15em}.course-main-container .bottom-buttons .vertical{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.course-main-container .tester-tools{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;background:rgba(0,192,218,.1803921568627451);border-radius:10px}.course-main-container .tester-tools:before{position:absolute;content:"Testing tools";left:0;top:-1.2em;font-size:.8em;color:#97d6e4;font-weight:700}.course-main-container .tester-tools a,.course-main-container .tester-tools button{margin:.4em .4em .4em 0}.course-preface .placeholder-text{background-color:#e9e9e9;border:1px solid #ddd;font-size:1.2em;color:#cac9c9;border-radius:10px;padding:2em;margin:1em 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.course-preface .button-wrapper{margin:1em 0}.progress-tooltip-text{font-size:1.5em;font-weight:300;line-height:1.2em}#progress .progress-actions{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#progress .progress-actions a,#progress .progress-actions button{margin:.5em}#progress .course-score{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#progress .course-score .score{font-size:1.2em}#progress .course-score .score span{color:#0145ac;font-weight:800;font-size:1.3em}#progress .course-score .progress{font-size:1.1em;font-weight:600}#progress .course-score .progress span{color:green;font-weight:800}#root .app-bar-component{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:stretch;justify-content:stretch;-webkit-align-items:stretch;align-items:stretch;height:40px;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.5)}#root .app-bar-component .app-bar-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 2em;-webkit-flex-grow:1;flex-grow:1}#root .app-bar-component .link{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;text-decoration:none;color:#ff0048;cursor:pointer}#root .app-bar-component .menu-button{cursor:pointer}#root .center-logo{display:-webkit-flex;display:flex;width:10em;padding:.2em 1em;background:#ff0048;border-radius:0 0 12px 12px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:0;flex-grow:0;box-shadow:0 0 8px rgba(0,0,0,.5);position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0}#root .center-logo,.wrapper-tabs{-webkit-align-items:center;align-items:center}.wrapper-tabs{text-align:center;display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column;flex-direction:column}.wrapper-tabs h1{font-size:3em;margin-top:1em;margin-bottom:.3em}#login,#register{background-image:url(/static/media/student-login-bg.9b9f2ffc.jpg)}#login,#register,#reset-password-first{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:1;flex-grow:1;background-position:50%;background-size:cover}#reset-password-first{-webkit-align-items:center;align-items:center}#reset-password-first .reset-form{-webkit-flex-grow:0;flex-grow:0;text-align:center;padding:2em;background:hsla(0,0%,100%,.5);max-width:400px;border-radius:12px}#reset-password-first .buttons button{margin:.5em .5em 2em}#login>div,#register>div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-grow:1;flex-grow:1}#login>div h1,#register>div h1{font-size:3em;margin-top:1em;margin-bottom:.3em;text-align:center}#login>div .login-form,#register>div .login-form{-webkit-flex-grow:0;flex-grow:0;text-align:center;padding:2em;background:hsla(0,0%,100%,.7);box-shadow:0 0 1em rgba(0,0,0,.8);max-width:400px;border-radius:12px}#login>div .st-labs-title,#register>div .st-labs-title{position:relative;display:-webkit-flex;display:flex;width:200px;padding:1em 2em;border-radius:12px;overflow:hidden;margin-top:-27vh;margin-bottom:-61vh}#login>div .st-labs-title:before,#register>div .st-labs-title:before{content:"";background:#00479b;background-blend-mode:overlay;position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}#login>div .st-labs-title svg,#register>div .st-labs-title svg{z-index:100}.reset-password-link{color:rgba(0,0,255,.5)}
/*# sourceMappingURL=main.3dcef6b5.chunk.css.map */