body{background-color:#f9fbfc}a,h2,h3,p{overflow-wrap:break-word}.account-logo{background-color:#fff;border-radius:50%;height:40px;width:40px}.banner-img{height:200px;width:100%}.button{border:none;border-radius:8px;font-family:inherit;font-size:18px;font-weight:700;margin:4px;max-width:240px;outline:none;padding:20px 30px;text-transform:uppercase}.button-enabled{background-color:transparent;background-color:initial;cursor:pointer}.button-enabled:hover{opacity:.8}.button-disabled{background-color:#8c8c8c}.button svg{margin-right:12px}.card{word-wrap:break-word;background-color:#fff;border-radius:8px;box-shadow:0 4px 24px #0000001a;color:#000;margin:10px}.card-title{font-weight:700;margin-bottom:8px}.chip{background-color:inherit;border:1px solid;border-radius:12px;color:inherit;display:table-cell;font-size:inherit;font-weight:600;margin:5px;padding:0 20px;text-align:center}.chip>img{background-color:#e9e9e9;border-radius:26px;height:26px;margin:1px;vertical-align:middle;width:26px}.clickable{cursor:pointer}.clickable:hover{opacity:.8}.footer{height:150px}.full-screen{height:100vh;left:0;padding-top:50px;position:fixed;top:0;width:100vw}.full-width{width:100%}.img-error{max-width:200px;width:100%}.img-fit{object-fit:cover}.lateral-bar{background-color:#ececec;bottom:0;box-shadow:2px 0 10px #d6d6d6;max-width:100vw;overflow-x:hidden;overflow-y:auto;position:fixed;top:60px;z-index:1}.lateral-bar-mini{width:72px}.lateral-bar-open{padding:10px;width:250px}.learning-active{background-color:#969696;border-radius:10px;margin:10px 0;right:0;width:5px}.learning-name{font-size:14px;margin:14px 18px}.learning-icon{border-top-left-radius:8px;border-top-right-radius:8px;height:120px;min-width:100%}.learning-icon-mini{margin:8px 8px 0;position:relative}.learning-icon-mini svg{color:#969696;font-size:20px;margin-top:18px;position:absolute}.learning-icon-box-shadow{border-radius:22px;box-shadow:inset 0 0 10px #c9c9c9;height:56px;position:absolute;top:0;width:56px}.learning-icon-mini>img{background-color:#fff;border-radius:22px;height:56px;width:56px}.link{margin-top:16px;text-decoration:underline}.load-container{font-size:32px;padding:60px;text-align:center}.margin10{margin:10px}.margin-auto{margin:auto}.lesson{background-color:#e9e9e9;border:1px solid #444;border-radius:8px;margin:5px}.lesson-menu{position:fixed;right:12px;top:335px;z-index:2}.lesson-menu-close{background-color:#d6d6d6;border-bottom-left-radius:40px;border-top-left-radius:40px;overflow:hidden;width:40px}.lesson-menu-close,.lesson-menu-open{padding:10px;position:fixed;right:0;top:82px}.lesson-menu-open{background-color:#ececec;border-radius:12px;overflow-x:auto;overflow-y:hidden}.lesson-step{margin-top:18px;position:relative}.lesson-step-line{border-left:4px solid #d6d6d6;height:calc(100% + 18px);left:14px;position:absolute;z-index:1}.lesson-step-circle{background-color:#d6d6d6;border-radius:50%;color:#949494;height:32px;min-height:32px;min-width:32px;width:32px;z-index:2}.lesson-step-circle svg{margin:auto}.lesson-step-text{margin:auto 12px}.lesson-step-active{font-weight:700}.modal{background-color:#fff;border-radius:8px;max-height:calc(100vh - 60px);max-width:95vw;padding-bottom:30px}.modal-container{background-color:#00000040;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:999}.modal-header{background-color:#fff;border-bottom:1px solid #c8c8c8;margin:0 30px;top:0}.modal-header svg{font-size:18px}.modal-footer{background-color:#fff;bottom:0;margin:0 20px}.modal-body{display:block;max-height:calc(90vh - 120px);max-width:100vw;overflow-y:auto;padding:0 30px}.modal-body>div{min-width:250px}.modal-body>div>img{margin:20px auto;width:60%}.nav-bar{background-color:#fff;height:40px;left:0;overflow:hidden;padding:10px;position:fixed;right:0;text-align:center;z-index:2}.nav-bar-burger{margin-right:10px;width:52px}.nav-bar-burger svg{margin:auto}.notification-dot{background-color:#eb5a46;border:2px solid #ececec;border-radius:50%;height:16px;position:absolute;right:-4px;top:-4px;width:16px}.page-body{bottom:0;position:fixed;right:0;top:60px}.page-content{width:1100px}@media screen and (min-width:1186px){.page-content-cards{margin:0 -10px}}@media screen and (max-width:1186px){.page-content h1{margin-left:30px}.page-content-cards{margin:0 20px}}.page-lesson-header p{margin-bottom:0;margin-top:32px}.page-lesson-header h1{margin-bottom:32px;margin-top:12px}.page-loader{display:inline-block;min-width:100%}.page-title{margin:auto 0}.progress-bar{margin:auto 10px}.progress-bar>div{color:#fff;height:100%;text-align:center}.star-rating{margin-top:12px}.star-rating svg{font-size:22px;margin-bottom:12px;margin-top:8px}.wrap{flex-wrap:wrap}::-webkit-scrollbar{margin:2px;width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;box-shadow:inset 0 0 10px 10px #888}::-webkit-scrollbar-thumb:hover{border:1px solid #444}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111c2b;font-family:Open Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}textarea{border-radius:8px;font-family:inherit;height:120px;margin-bottom:12px;margin-right:4px;margin-top:12px;padding:6px 12px;resize:none;width:500px}.flex{display:flex;display:-webkit-flex}.flex1{flex:1 1}.flex2{flex:2 1}.flex3{flex:3 1}.flex4{flex:4 1}.flex-dcol{flex-direction:column}.grey{background-color:#8c8c8c}.grey-t{color:#8c8c8c}.grey-b{border-color:#8c8c8c!important}.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)}}