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:flex;flex-direction:column;min-height:100%}body,body #root{flex-grow:1}body #root{display:flex;flex-direction:column;align-items:stretch}body #root h1,body #root h2,body #root h3,body #root h4,body #root h5,body #root h6{font-family:"Noto Sans",sans-serif;font-weight:400}body #root h1,body #root h2,body #root h3{font-weight:300}body #root h1{font-size:3em;margin:.6em 0 .2em}body #root h2{font-size:2.2em;margin:.6em 0 .1em}body #root h3{font-size:1.9em;margin:.6em 0 .1em}body #root .navbar{height:40px;padding:0 2em;color:#fff}body #root .navbar .menu-button{cursor:pointer}body #root .main{flex-grow:1;display:flex;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 .auto-breadcrumbs{margin-top:24px}body #root .auto-breadcrumbs a{display:flex;align-items:center;color:#00479b}body #root .auto-breadcrumbs a:visited{color:#003e89}body #root .footer{display:flex;flex-grow:0;height:70px;align-items:center;width:100%;justify-content:center;background:#7ea09f}@media print{body #root .auto-breadcrumbs,body #root .center-logo,body #root button{display:none}body #root h1{font-size:12px}}body #root .async-button .loading-icon{height:1.6em;width:1.6em}body .skeleton{padding:1em;display:flex;flex-grow:1;min-height:3em;background-color:rgba(0,0,0,.06);border-radius:12px;margin:1em 0}body .mt-0{margin-top:0}body .pt-0{padding-top:0}body .mt-1{margin-top:.1em}body .pt-1{padding-top:.1em}body .mt-2{margin-top:.2em}body .pt-2{padding-top:.2em}body .mt-3{margin-top:.3em}body .pt-3{padding-top:.3em}body .mt-4{margin-top:.4em}body .pt-4{padding-top:.4em}body .mt-5{margin-top:.5em}body .pt-5{padding-top:.5em}body .mt-6{margin-top:.6em}body .pt-6{padding-top:.6em}body .mt-7{margin-top:.7em}body .pt-7{padding-top:.7em}body .mt-8{margin-top:.8em}body .pt-8{padding-top:.8em}body .mt-9{margin-top:.9em}body .pt-9{padding-top:.9em}body .mt-10{margin-top:1em}body .pt-10{padding-top:1em}body .mt-11{margin-top:1.1em}body .pt-11{padding-top:1.1em}body .mt-12{margin-top:1.2em}body .pt-12{padding-top:1.2em}body .mt-13{margin-top:1.3em}body .pt-13{padding-top:1.3em}body .mt-14{margin-top:1.4em}body .pt-14{padding-top:1.4em}body .mt-15{margin-top:1.5em}body .pt-15{padding-top:1.5em}body .mt-16{margin-top:1.6em}body .pt-16{padding-top:1.6em}body .mt-17{margin-top:1.7em}body .pt-17{padding-top:1.7em}body .mt-18{margin-top:1.8em}body .pt-18{padding-top:1.8em}body .mt-19{margin-top:1.9em}body .pt-19{padding-top:1.9em}body .mt-20{margin-top:2em}body .pt-20{padding-top:2em}body .mr-0{margin-right:0}body .pr-0{padding-right:0}body .mr-1{margin-right:.1em}body .pr-1{padding-right:.1em}body .mr-2{margin-right:.2em}body .pr-2{padding-right:.2em}body .mr-3{margin-right:.3em}body .pr-3{padding-right:.3em}body .mr-4{margin-right:.4em}body .pr-4{padding-right:.4em}body .mr-5{margin-right:.5em}body .pr-5{padding-right:.5em}body .mr-6{margin-right:.6em}body .pr-6{padding-right:.6em}body .mr-7{margin-right:.7em}body .pr-7{padding-right:.7em}body .mr-8{margin-right:.8em}body .pr-8{padding-right:.8em}body .mr-9{margin-right:.9em}body .pr-9{padding-right:.9em}body .mr-10{margin-right:1em}body .pr-10{padding-right:1em}body .mr-11{margin-right:1.1em}body .pr-11{padding-right:1.1em}body .mr-12{margin-right:1.2em}body .pr-12{padding-right:1.2em}body .mr-13{margin-right:1.3em}body .pr-13{padding-right:1.3em}body .mr-14{margin-right:1.4em}body .pr-14{padding-right:1.4em}body .mr-15{margin-right:1.5em}body .pr-15{padding-right:1.5em}body .mr-16{margin-right:1.6em}body .pr-16{padding-right:1.6em}body .mr-17{margin-right:1.7em}body .pr-17{padding-right:1.7em}body .mr-18{margin-right:1.8em}body .pr-18{padding-right:1.8em}body .mr-19{margin-right:1.9em}body .pr-19{padding-right:1.9em}body .mr-20{margin-right:2em}body .pr-20{padding-right:2em}body .mb-0{margin-bottom:0}body .pb-0{padding-bottom:0}body .mb-1{margin-bottom:.1em}body .pb-1{padding-bottom:.1em}body .mb-2{margin-bottom:.2em}body .pb-2{padding-bottom:.2em}body .mb-3{margin-bottom:.3em}body .pb-3{padding-bottom:.3em}body .mb-4{margin-bottom:.4em}body .pb-4{padding-bottom:.4em}body .mb-5{margin-bottom:.5em}body .pb-5{padding-bottom:.5em}body .mb-6{margin-bottom:.6em}body .pb-6{padding-bottom:.6em}body .mb-7{margin-bottom:.7em}body .pb-7{padding-bottom:.7em}body .mb-8{margin-bottom:.8em}body .pb-8{padding-bottom:.8em}body .mb-9{margin-bottom:.9em}body .pb-9{padding-bottom:.9em}body .mb-10{margin-bottom:1em}body .pb-10{padding-bottom:1em}body .mb-11{margin-bottom:1.1em}body .pb-11{padding-bottom:1.1em}body .mb-12{margin-bottom:1.2em}body .pb-12{padding-bottom:1.2em}body .mb-13{margin-bottom:1.3em}body .pb-13{padding-bottom:1.3em}body .mb-14{margin-bottom:1.4em}body .pb-14{padding-bottom:1.4em}body .mb-15{margin-bottom:1.5em}body .pb-15{padding-bottom:1.5em}body .mb-16{margin-bottom:1.6em}body .pb-16{padding-bottom:1.6em}body .mb-17{margin-bottom:1.7em}body .pb-17{padding-bottom:1.7em}body .mb-18{margin-bottom:1.8em}body .pb-18{padding-bottom:1.8em}body .mb-19{margin-bottom:1.9em}body .pb-19{padding-bottom:1.9em}body .mb-20{margin-bottom:2em}body .pb-20{padding-bottom:2em}body .ml-0{margin-left:0}body .pl-0{padding-left:0}body .ml-1{margin-left:.1em}body .pl-1{padding-left:.1em}body .ml-2{margin-left:.2em}body .pl-2{padding-left:.2em}body .ml-3{margin-left:.3em}body .pl-3{padding-left:.3em}body .ml-4{margin-left:.4em}body .pl-4{padding-left:.4em}body .ml-5{margin-left:.5em}body .pl-5{padding-left:.5em}body .ml-6{margin-left:.6em}body .pl-6{padding-left:.6em}body .ml-7{margin-left:.7em}body .pl-7{padding-left:.7em}body .ml-8{margin-left:.8em}body .pl-8{padding-left:.8em}body .ml-9{margin-left:.9em}body .pl-9{padding-left:.9em}body .ml-10{margin-left:1em}body .pl-10{padding-left:1em}body .ml-11{margin-left:1.1em}body .pl-11{padding-left:1.1em}body .ml-12{margin-left:1.2em}body .pl-12{padding-left:1.2em}body .ml-13{margin-left:1.3em}body .pl-13{padding-left:1.3em}body .ml-14{margin-left:1.4em}body .pl-14{padding-left:1.4em}body .ml-15{margin-left:1.5em}body .pl-15{padding-left:1.5em}body .ml-16{margin-left:1.6em}body .pl-16{padding-left:1.6em}body .ml-17{margin-left:1.7em}body .pl-17{padding-left:1.7em}body .ml-18{margin-left:1.8em}body .pl-18{padding-left:1.8em}body .ml-19{margin-left:1.9em}body .pl-19{padding-left:1.9em}body .ml-20{margin-left:2em}body .pl-20{padding-left:2em}body .my-0{margin-top:0;margin-bottom:0}body .mx-0{margin-left:0;margin-right:0}body .py-0{padding-top:0;padding-bottom:0}body .px-0{padding-left:0;padding-right:0}body .my-1{margin-top:.1em;margin-bottom:.1em}body .mx-1{margin-left:.1em;margin-right:.1em}body .py-1{padding-top:.1em;padding-bottom:.1em}body .px-1{padding-left:.1em;padding-right:.1em}body .my-2{margin-top:.2em;margin-bottom:.2em}body .mx-2{margin-left:.2em;margin-right:.2em}body .py-2{padding-top:.2em;padding-bottom:.2em}body .px-2{padding-left:.2em;padding-right:.2em}body .my-3{margin-top:.3em;margin-bottom:.3em}body .mx-3{margin-left:.3em;margin-right:.3em}body .py-3{padding-top:.3em;padding-bottom:.3em}body .px-3{padding-left:.3em;padding-right:.3em}body .my-4{margin-top:.4em;margin-bottom:.4em}body .mx-4{margin-left:.4em;margin-right:.4em}body .py-4{padding-top:.4em;padding-bottom:.4em}body .px-4{padding-left:.4em;padding-right:.4em}body .my-5{margin-top:.5em;margin-bottom:.5em}body .mx-5{margin-left:.5em;margin-right:.5em}body .py-5{padding-top:.5em;padding-bottom:.5em}body .px-5{padding-left:.5em;padding-right:.5em}body .my-6{margin-top:.6em;margin-bottom:.6em}body .mx-6{margin-left:.6em;margin-right:.6em}body .py-6{padding-top:.6em;padding-bottom:.6em}body .px-6{padding-left:.6em;padding-right:.6em}body .my-7{margin-top:.7em;margin-bottom:.7em}body .mx-7{margin-left:.7em;margin-right:.7em}body .py-7{padding-top:.7em;padding-bottom:.7em}body .px-7{padding-left:.7em;padding-right:.7em}body .my-8{margin-top:.8em;margin-bottom:.8em}body .mx-8{margin-left:.8em;margin-right:.8em}body .py-8{padding-top:.8em;padding-bottom:.8em}body .px-8{padding-left:.8em;padding-right:.8em}body .my-9{margin-top:.9em;margin-bottom:.9em}body .mx-9{margin-left:.9em;margin-right:.9em}body .py-9{padding-top:.9em;padding-bottom:.9em}body .px-9{padding-left:.9em;padding-right:.9em}body .my-10{margin-top:1em;margin-bottom:1em}body .mx-10{margin-left:1em;margin-right:1em}body .py-10{padding-top:1em;padding-bottom:1em}body .px-10{padding-left:1em;padding-right:1em}body .my-11{margin-top:1.1em;margin-bottom:1.1em}body .mx-11{margin-left:1.1em;margin-right:1.1em}body .py-11{padding-top:1.1em;padding-bottom:1.1em}body .px-11{padding-left:1.1em;padding-right:1.1em}body .my-12{margin-top:1.2em;margin-bottom:1.2em}body .mx-12{margin-left:1.2em;margin-right:1.2em}body .py-12{padding-top:1.2em;padding-bottom:1.2em}body .px-12{padding-left:1.2em;padding-right:1.2em}body .my-13{margin-top:1.3em;margin-bottom:1.3em}body .mx-13{margin-left:1.3em;margin-right:1.3em}body .py-13{padding-top:1.3em;padding-bottom:1.3em}body .px-13{padding-left:1.3em;padding-right:1.3em}body .my-14{margin-top:1.4em;margin-bottom:1.4em}body .mx-14{margin-left:1.4em;margin-right:1.4em}body .py-14{padding-top:1.4em;padding-bottom:1.4em}body .px-14{padding-left:1.4em;padding-right:1.4em}body .my-15{margin-top:1.5em;margin-bottom:1.5em}body .mx-15{margin-left:1.5em;margin-right:1.5em}body .py-15{padding-top:1.5em;padding-bottom:1.5em}body .px-15{padding-left:1.5em;padding-right:1.5em}body .my-16{margin-top:1.6em;margin-bottom:1.6em}body .mx-16{margin-left:1.6em;margin-right:1.6em}body .py-16{padding-top:1.6em;padding-bottom:1.6em}body .px-16{padding-left:1.6em;padding-right:1.6em}body .my-17{margin-top:1.7em;margin-bottom:1.7em}body .mx-17{margin-left:1.7em;margin-right:1.7em}body .py-17{padding-top:1.7em;padding-bottom:1.7em}body .px-17{padding-left:1.7em;padding-right:1.7em}body .my-18{margin-top:1.8em;margin-bottom:1.8em}body .mx-18{margin-left:1.8em;margin-right:1.8em}body .py-18{padding-top:1.8em;padding-bottom:1.8em}body .px-18{padding-left:1.8em;padding-right:1.8em}body .my-19{margin-top:1.9em;margin-bottom:1.9em}body .mx-19{margin-left:1.9em;margin-right:1.9em}body .py-19{padding-top:1.9em;padding-bottom:1.9em}body .px-19{padding-left:1.9em;padding-right:1.9em}body .my-20{margin-top:2em;margin-bottom:2em}body .mx-20{margin-left:2em;margin-right:2em}body .py-20{padding-top:2em;padding-bottom:2em}body .px-20{padding-left:2em;padding-right:2em}.flex{display:flex!important}.flex.column{flex-direction:column}.flex.row{flex-direction:row}.flex.align-items-baseline{align-items:baseline}.flex.align-items-flex-start{align-items:flex-start}.flex.align-items-flex-end{align-items:flex-end}.flex.align-items-stretch{align-items:stretch}.flex.align-items-center{align-items:center}.flex.justify-content-baseline{justify-content:baseline}.flex.justify-content-flex-start{justify-content:flex-start}.flex.justify-content-flex-end{justify-content:flex-end}.flex.justify-content-stretch{justify-content:stretch}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-around{justify-content:space-around}.flex.justify-content-space-evenly{justify-content:space-evenly}.flex.justify-content-space-between{justify-content:space-between}.grow-0{flex-grow:0}.grow-1,.grow-2{flex-grow:1}::-webkit-scrollbar{background:#f5f5f5;width:8px}::-webkit-scrollbar-thumb{width:16px;background:hsla(0,0%,45.9%,.2823529412);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.5)}#root header .top-right{display:flex;align-items:center}#root header .top-right .user-icon{position:relative}#root header .top-left a{text-decoration:none;color:#ff0048;display:flex;align-items:center}#root header .top-left a span{margin-left:.2em}#root header .top-left img{max-height:30px}#root .notifications-container{position:fixed}#root{--bg-light:#f0f0ec}#root .custom-card-list .custom-card-list-item{background-color:var(--bg-light)}#root .custom-card-list .custom-card-list-item h3{margin:0;padding-bottom:0}#root .custom-card-list .custom-card-list-item .custom-card-image-container{background-position:50%;background-size:cover}@media screen and (max-width:768px){#root .custom-card-list .custom-card-list-item .custom-card-image-container{padding-bottom:56%}}#root ul.columned-list{font-size:.9em}@media screen and (max-width:768px){#root ul.columned-list{column-count:1}}@media screen and (min-width:768px){#root ul.columned-list{column-count:2}}@media screen and (min-width:1200px){#root ul.columned-list{column-count:3}}#root ul.columned-list li{line-height:1em;margin-bottom:.3em}#root .courses-list{margin-bottom:2em}@media print{#root .courses-list{font-size:9px;margin-top:0}#root .courses-list .MuiContainer-root{margin:0}#root .courses-list .MuiGrid-root.MuiGrid-container{display:flex;flex-direction:row!important;justify-content:flex-start;flex-wrap:nowrap}}#root .courses-list .scrolling-margin{scroll-margin:3.5em}#root .courses-list .card-container{position:relative}#root .courses-list .card-container .image-display{min-height:10em}#root .courses-list .card-container .stamp{position:absolute;top:0;right:2em;z-index:10;box-shadow:2px 2px 4px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-weight:700;background-color:#dadada;color:rgba(0,0,0,.8);text-transform:uppercase;font-size:.8em;width:6em;height:6em}#root .courses-list .card-container .stamp.done{background:#38f778}#root .courses-list .card-container .stamp.failed{background:#ff6767;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}@media print{#root .courses-list .card-container .stamp{top:50%;left:3px;transform:translateY(-50%);width:40px;height:40px;font-size:6px;padding:0;box-shadow:none;border:1px solid grey;opacity:.5}}#root .courses-list .card-container .course-card{background-color:#d9d9d9;border-radius:.6em}#root .courses-list .card-container .course-card.done{background-color:#a5ffc3}#root .courses-list .card-container .course-card.failed{background-color:#ffbfbf}#root .courses-list .card-container .course-card.blocked{opacity:.6}#root .courses-list .card-container .course-card span.text-label{font-size:1.2em}#root .courses-list .card-container .course-card span.text-value{font-size:1.3em;font-weight:700;margin:0 .2em;color:rgba(0,0,0,.6)}@media print{#root .courses-list .card-container .course-card{page-break-inside:avoid;break-inside:avoid;box-shadow:none;border-bottom:1px dotted grey}#root .courses-list .card-container .course-card h3{font-size:12px;padding:0}}@media print{#root .courses-list .card-container{margin:0;padding:0}#root .courses-list .card-container .MuiGrid-item{padding-left:1em;flex-basis:60%!important;max-width:inherit}#root .courses-list .card-container .MuiGrid-item:first-child,#root .courses-list .card-container .MuiGrid-item:last-child{flex-basis:20%!important;padding:0}}#root ul.course-experiments-list{font-size:.9em}@media screen and (max-width:768px){#root ul.course-experiments-list{column-count:1}}@media screen and (min-width:768px){#root ul.course-experiments-list{column-count:1}}@media screen and (min-width:1200px){#root ul.course-experiments-list{column-count:2}}#root ul.course-experiments-list li{line-height:1em;margin-bottom:.3em}#root .course-tabs{margin-top:1em;border-bottom:1px solid rgba(0,0,0,.2)}#root .course-main-container .course-accordion-block{position:relative}#root .course-main-container .course-accordion-block.scrolled .exp-list-container,#root .exp-list-container{position:absolute;width:100%}#root .exp-list-container{top:0;overflow-y:auto;overflow-x:hidden;counter-reset:exp-counter}#root .exp-list-container .accordion-list{flex-grow:1}#root .exp-list-container .accordion-list .accordion-experiment-title{padding-left:2em;display:flex;align-items:center;color:inherit;text-decoration:none}#root .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:flex;align-items:center;justify-content:center;position:absolute;left:.5em;color:#fff}#root .exp-list-container .accordion-list .chapters{flex-grow:1}#root .exp-list-container .accordion-list .chapters a.active{background-color:rgba(0,0,0,.1)}#root .exp-content-container{padding-left:2em}#root .exp-content-container h1,#root .exp-content-container h2,#root .exp-content-container h3,#root .exp-content-container h4,#root .exp-content-container h5,#root .exp-content-container h6{color:#00479b}#root .exp-content-container h4{margin:2em 0 0}#root .error-message{text-align:center;padding:60px}body #root .main{padding-bottom:0}#root .user-profile{display:flex;flex-direction:column;margin-top:1.6em;max-height:55vh}#root .user-profile .details-container{border-radius:12px;background-color:#f0f0ec;margin:1em 0;width:100%}#root .user-profile .details-container .details-text .details-row{margin:0 0 .4em;border-bottom:2px dotted rgba(0,0,0,.1)}#root .user-profile .details-container .details-text .details-row span:first-child{width:48%;display:inline-flex;font-weight:400;font-size:1em;justify-content:flex-start;padding:.2em 0;margin-right:2%;color:#00479b}#root .user-profile .image-container{display:flex;flex-direction:column;align-items:center;justify-content:center}#root .user-profile .image-container .image{height:20vh;width:auto;border-radius:12px;box-shadow:2px 2px 4px rgba(0,0,0,.4)}#root .user-profile .status-credentials-container{border-radius:8px;border:2px solid #000;align-content:flex-start;max-height:35vh;padding:1em;display:flex}#root .user-profile .status-credentials-container .status{padding:1em;border-bottom:2px solid #000;display:flex;flex-direction:row;max-height:10vh;align-items:center;justify-content:space-around}#root .user-profile .status-credentials-container .credentials{padding:1em;max-height:28vh;display:flex;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:flex;flex-direction:column;align-content:flex-start;justify-content:flex-start;align-items:center;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:flex}#root .user-profile .progress-container .accorion-item #accordion-title>div{justify-content:space-between}#root .user-profile .progress-container .accorion-details{display:flex;flex-direction:column}#root .user-profile .progress-container .accorion-details .line{display:flex;flex-direction:row;justify-content:space-between;padding:0 1em}#root .user-profile .buttons-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}#root .user-profile .buttons-container a,#root .user-profile .buttons-container button{margin:0 0 1em}ul.tooltip-list{align-items:flex-start;flex-direction:column;font-size:.8em}ul.tooltip-list,ul.tooltip-list li{display:flex;list-style:none;padding:0}ul.tooltip-list li{margin:.2em;flex-direction:row;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}.password-modal-container{flex-direction:column;display:flex;position:absolute;padding:1em;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30%;width:calc(400px - 1em);max-width:calc(90% - 1em);height:calc(300px - 1em);max-height:calc(90% - 1em);background-color:var(--bg-light,#fff);border-radius:8px;overflow:hidden;justify-content:space-around}.password-modal-container .header{font-weight:700;font-size:1.3em;text-align:center}.password-modal-container .prompt{font-size:1em;font-weight:400;color:rgba(0,0,0,.8);text-align:center}.password-modal-container .fields{display:flex;flex-direction:column;padding:10px 0}.password-modal-container .fields>div{margin:0 0 1em}.password-modal-container .buttons-container{display:flex;justify-content:space-between}.password-modal-container .buttons-container button{margin:.2em}.course-main-container{margin-top:20px}.course-main-container .bottom-buttons{display:flex;flex-direction:row;align-items: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:flex;flex-direction:column;align-items:center}.course-main-container .tester-tools{position:relative;display:flex;flex-direction:row;justify-content:flex-end;background:rgba(0,192,218,.1803921569);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-main-container .parsed-html img{max-width:100%}.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:flex;align-items: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:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}#progress .progress-actions a,#progress .progress-actions button{margin:.5em}#progress .course-score{display:flex;flex-direction:column;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}#progress .progress-indicator{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}#progress .progress-indicator.value0 svg{color:grey}#progress .progress-indicator.value1 svg{color:#00479b}#progress .progress-indicator.value2 svg{color:green}#progress .data-table{margin:1em 0}#progress .custom-header{display:flex;flex-grow:1;flex-direction:column;font-size:.9em;font-weight:700}#progress .custom-header.align-center{align-items:center}#progress .custom-header.align-left{align-items:flex-start}#progress .custom-header.align-right{align-items:flex-end}#root .course-main-container{margin-top:20px}#root .course-main-container .vertical{display:flex;flex-direction:column;align-items:center;margin-bottom:2em}#root .course-main-container .vertical h4{margin-top:0;color:#ff0048}#root .course-main-container .bottom-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:2em 0}#root .course-main-container .bottom-buttons a[role=button]{padding:.6em 1.2em;font-size:1.15em;min-width:10em;margin:0 .5em}#root .course-main-container .tester-tools{position:relative;display:flex;flex-direction:row;justify-content:flex-end;background:rgba(0,192,218,.1803921569);border-radius:10px}#root .course-main-container .tester-tools:before{position:absolute;content:"Testing tools";left:0;top:-1.2em;font-size:.8em;color:#97d6e4;font-weight:700}#root .course-main-container .tester-tools a,#root .course-main-container .tester-tools button{margin:.4em .4em .4em 0}#root .course-main-container .parsed-html img{max-width:100%}#root .app-bar-component{display:flex;flex-direction:row;justify-content: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:flex;justify-content:space-between;align-items:center;padding:0 2em;flex-grow:1}#root .app-bar-component .link{display:inline-flex;flex-direction:row;align-items:center;text-decoration:none;color:#ff0048;cursor:pointer}#root .app-bar-component .menu-button{cursor:pointer}#root .center-logo{width:10em;max-width:31vw;padding:.2em 1em;background:#ff0048;border-radius:0 0 12px 12px;justify-content:center;flex-grow:0;box-shadow:0 0 8px rgba(0,0,0,.5);position:absolute;left:50%;transform:translateX(-50%);top:0}#root .center-logo,.language-switch{display:flex;flex-direction:row;align-items:center}.language-switch{cursor:pointer;color:#00479b;margin-right:.2em}@media print{.language-switch{display:none}}.wrapper-tabs{text-align:center;display:flex!important;align-items:center;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:flex;flex-direction:column;justify-content:center;flex-grow:1;background-position:50%;background-size:cover}#reset-password-first{align-items:center}#reset-password-first .reset-form{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 h1,#register>div h1{font-size:3em;margin-top:1em;margin-bottom:.3em;text-align:center}#login>div .login-form,#register>div .login-form{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;margin-bottom:2em}#login>div .st-labs-title,#register>div .st-labs-title{position:relative;display:flex;width:200px;padding:1em 2em;border-radius:12px;overflow:hidden;margin-top:5vh;margin-bottom:5vh}#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)}body{--bg-light:#f0f0ec}.modal-container{flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:50%;width:50%!important;min-height:60vh;background-color:#ffecf9;border-radius:4px;overflow:hidden}.modal-container.auto-size{width:auto!important}.modal-container.auto-size,.modal-container.auto-size .modal-buttons,.modal-container.auto-size .modal-text{min-width:inherit;min-height:inherit}@media screen and (max-width:480px){.modal-container{font-size:.7em}.modal-container .modal-buttons,.modal-container .modal-text{font-size:1.2em}}.modal-header{padding:.2em .6em;display:flex;justify-content:center;align-items:center;flex-grow:0;font-size:1.3em;font-weight:700;background-color:#00479b;color:#fff}.modal-text{flex:3 1;min-height:7.5vh;padding:1em 2em;text-align:center}.modal-buttons{flex:1 1;min-height:7.5vh;display:flex;justify-content:space-evenly;align-items:center;padding:7px}
/*# sourceMappingURL=main.7106e740.chunk.css.map */