:root{--lesson-lightgrey:lightgrey;--lesson-whitesmoke:#f8f8f8}.answer-input,.completed,.ex-body,.mac-terminal{font-family:var(--font-monospace)}.other-lang{font-size:18px;font-weight:bolder;display:inline}.subtitle-lang,.title-acc{font-size:20px;font-weight:bolder}.other-lang-table{width:100%;margin:0 0 20px}.lesson-acc,.next-lesson{width:90%;margin:20px auto}.td-right{text-align:right}.answer-input,.button-signup,.completed,.lesson-acc,.subtitle-lang,.text-center,.title-acc{text-align:center}.next-lesson{padding:10px 10px 5px;background-color:#f6f6f6}.next-lesson-ul{padding-left:15px}.lesson-acc{padding:10px;border:0 solid #cdcdcd;background-color:var(--lightblue)!important;color:#00008b}.title-acc{color:#000!important}.description,label{font-size:15px}.medal{background-image:url(/img/icon-star.svg);background-repeat:repeat;background-color:#ecf4ff;background-size:50px;background-position:center;margin-bottom:10px}.button-signup{background-color:var(--blue);border-radius:10px;margin:auto;border:0 solid;padding:10px 10%;cursor:pointer;font-size:16px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.button-signup:hover{background-color:var(--darkblue)}.container .title{margin:0 0 20px -1.5px;font-size:33px;line-height:33px}.subtitle{font-size:27px;line-height:27px;margin-top:30px;margin-bottom:1rem}.layout .container h3.subsubtitle{font-size:20px;font-weight:600;line-height:20px}.text,li,ul{font-size:17px}.code_div{width:100%;overflow-x:auto;white-space:nowrap}.hljs{background-color:var(--lightblue)!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important}.hljs-tag,.hljs-tag .hljs-name{color:#3939c1!important}.error-tag,.hljs-tag>.hljs-attr{color:red!important}.hljs-punctuation,.hljs-tag{color:#000aff91!important}.answer-input,.button-ex{-webkit-transition:background-color 0.2s}.test .test-title{background-color:#71aeff;border-radius:5px;color:#fff;font-size:15px;padding:0 5px;margin:0 5px 0 0}.answer-input,.completed,.test{background-color:var(--lightblue)}.test{margin-top:20px;white-space:normal!important;border-bottom-right-radius:10px!important}.title-ex{font-weight:bolder;font-size:17px}.ex-body{padding:20px 0 5px;font-size:13px}.ex-error{color:red}#message,#message1{white-space:nowrap;font-weight:bolder;font-family:var(--font-primary)!important}.answer-input{border-bottom:1px solid #000;border-top:0;border-left:0;border-right:0;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;color:#000!important;border-radius:0!important;padding:0!important}.answer-input:focus{outline:0;background-color:#d4e6ff}.input-error{border-bottom:1px solid red!important;color:red!important}.completed{border:0;color:#3939c1;padding:0}.button-ex{border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#7ab3ff;font-size:17px;color:#fff;padding:0 20px;border:0;-webkit-transition:background-color 0.2s;transition:background-color 0.2s;margin-right:10px}.code_div>pre>code,.submit-lesson{display:block;background-color:var(--lightblue)}.submit-lesson,kbd{color:#000!important;white-space:nowrap}.button-ex:hover{background-color:#61a5ff}.submit-lesson{position:relative;float:right;border:2px solid #7ab3ff;border-radius:10px;margin:50px 0;font-size:18px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.submit-lesson table{margin:auto}.submit-lesson:hover{background-color:#c3ddff}.tag{color:blue}.space{height:100px}.form-check-input{width:1.2em!important;height:1.2em!important}.note-lesson{background-color:#e7e7e7;padding:10px;border-radius:3px}.table{border-collapse:collapse;border:1px solid #000;border-radius:5px;width:100%;margin-bottom:1rem}.table td,.table th,.table tr{padding:5px;border:1px solid #000;background-color:#f1f7ff}.sup-table,.sup-table td{background-color:var(--lightblue)!important}.subsubtitle{margin-top:40px;margin-bottom:1rem}.lesson-choose-p:hover{background-color:var(--grey)}kbd{background-color:#e1eeff!important}.code_div>pre{margin-top:0;overflow:auto}.code_div>pre>code{overflow-x:auto;padding:1em;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:14px}.note-lesson>div.code_div>pre>code{background:#f3f3f3!important;border-radius:10px!important}.note-lesson>div.code_div{border-top:0!important}.lesson-choose-p{margin:0;border-bottom:1px solid var(--lesson-lightgrey);padding:10px 16px;-webkit-transition:0.2s;transition:0.2s}.modal-backdrop{z-index:99983!important}.modal{z-index:99984!important}.lesson-complete-details{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.test.code_div label{margin:2px 0 0 3px}.sintax{padding:2px 5px;background-color:var(--lightgrey);border-radius:5px}.code_div:not(.test)>:first-child,.test{border-top-left-radius:10px;border-top-right-radius:10px}.mac-terminal{background-color:var(--black);color:var(--white);border-radius:10px;width:100%;overflow-x:auto;white-space:nowrap;padding:20px;margin:20px auto;position:relative}.mac-terminal pre{margin:0!important;padding:0!important}.mac-terminal code{margin:20px 0 0!important;padding:0!important;background-color:transparent!important;white-space:pre-wrap;line-height:1.5}.code_div .go-to-editor{background-color:var(--blue);padding:10px;text-align:right}.code_div .go-to-editor>a{color:var(--white);background-color:var(--mainblue);border-radius:100px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 30px}.code_div .go-to-editor a:hover{-webkit-filter:brightness(90%);filter:brightness(90%);text-decoration:none}.code_div .go-to-editor a:after{content:"";-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22black%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22black%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8%22/%3E%3C/svg%3E");-webkit-mask-size:16px 16px;mask-size:16px 16px;width:16px;height:16px;display:inline-block;margin-left:8px;-webkit-transition:0.3s;transition:0.3s;background-color:var(--white)}.code_div .go-to-editor a:hover:after{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.code_div code{padding:20px 15px}.test.code_div{padding:10px}.layout .container h1,.layout .container h2,.layout .container h3,.layout .container h4,.layout .container h5,.layout .container h6{font-weight:500}code{font-size:.875em;color:var(--code-color);word-wrap:break-word;word-spacing:-4px}.container a{color:var(--mainblue)}.container a:hover{text-decoration:underline}.container pre>code{color:unset;word-spacing:unset}.list-lessons-btn{width:64px;height:64px;color:var(--white);background-color:var(--mainblue);position:fixed;z-index:99985;bottom:0;right:15px;border:none;border-top-left-radius:50%;border-top-right-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;-webkit-box-shadow:rgb(0 0 0 / .45) 0 4px 12px;box-shadow:rgb(0 0 0 / .45) 0 4px 12px;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out}.list-lessons-btn.hidden{-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}#list-lesson{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99986;background-color:rgb(0 0 0 / .5);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease,visibility 0.3s ease;transition:opacity 0.3s ease,visibility 0.3s ease}#list-lesson.active{opacity:1;visibility:visible}#list-lesson .lessons-panel{position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);width:100%;max-width:500px;background-color:var(--white);border-top-left-radius:16px;border-top-right-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:60vh;-webkit-transition:-webkit-transform 0.4s cubic-bezier(.25,1,.5,1);transition:-webkit-transform 0.4s cubic-bezier(.25,1,.5,1);transition:transform 0.4s cubic-bezier(.25,1,.5,1);transition:transform 0.4s cubic-bezier(.25,1,.5,1),-webkit-transform 0.4s cubic-bezier(.25,1,.5,1);overflow:hidden}#list-lesson.active .lessons-panel{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#list-lesson .lessons-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;border-bottom:1px solid lightgrey}#list-lesson .lessons-header h5{margin:0;font-size:1.1rem}#list-lesson .close-btn{background:none;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--black);padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%}#list-lesson .close-btn:hover{background-color:var(--grey)}#list-lesson .lessons-body{overflow-y:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0}.layout{display:-ms-grid;display:grid;grid:"sidebar container ads" 1fr/250px auto 180px;gap:30px;margin:120px auto 30px;max-width:1500px;width:100%}.sidebar{grid-area:sidebar;width:100%;display:block;height:100%}.lesson-result{width:100%;margin:0 0 50px;padding:0;position:sticky;top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 150px);height:calc(100dvh - 150px)}.sidebar .sidebar-header{background-color:var(--mainblue);color:var(--white);padding:20px;-webkit-box-shadow:0 0 20px rgb(0 0 0 / .04);box-shadow:0 0 20px rgb(0 0 0 / .04);border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar .sidebar-header.noaccount{gap:30px}.sidebar .sidebar-header.account{gap:10px}.sidebar .sidebar-header .title{font-weight:400;line-height:1.1;margin:0 0 15px}.sidebar .sidebar-header.noaccount .title{font-size:25px}.sidebar .sidebar-header.account .title{font-size:22px}.sidebar .sidebar-header .desc{line-height:1.3;font-size:14px;margin:0}.sidebar .sidebar-header .btn{border-radius:8px;width:100%;display:block;background-color:var(--white);padding:10px;text-align:center;color:var(--black);-webkit-transition:all 0.2s;transition:all 0.2s}.sidebar .sidebar-header .btn:hover{background-color:var(--lightgrey)}.sidebar .sidebar-header.noaccount .text-btn{color:var(--white);display:block;width:100%;text-decoration:underline;text-align:center}.sidebar .sidebar-header.account .progress{width:100%;position:relative;background-color:var(--darkblue);border-radius:100px;height:10px}.sidebar .sidebar-header.account .progress-bar{position:absolute;background-color:var(--white);left:0;top:0;bottom:0;border-radius:100px;-webkit-transition:all 0.2s;transition:all 0.2s}.sidebar .sidebar-header.account .desc.small{text-align:center;font-weight:400;opacity:.8}.sidebar .sidebar-header.account .btn{margin-top:10px}.container .next-lesson-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-top:70px}.container div.next-lesson-btn>a{color:var(--white);background-color:var(--mainblue);border-radius:40px;padding:15px 30px;width:100%;max-width:220px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all 0.2s;transition:all 0.2s}.container div.next-lesson-btn>a:hover{-webkit-filter:brightness(90%);filter:brightness(90%);text-decoration:none}.container div.next-lesson-btn>a:after{content:"";-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22black%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22black%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8%22/%3E%3C/svg%3E");-webkit-mask-size:20px 20px;mask-size:20px 20px;width:20px;height:20px;display:inline-block;margin-left:8px;-webkit-transition:0.3s;transition:0.3s;background-color:var(--white)}.container div.next-lesson-btn>a:hover:after{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}.container{padding-bottom:50px}.sidebar .sidebar-list{height:100%;border-radius:15px;overflow:auto;background-color:var(--lesson-whitesmoke);border:2px solid var(--grey);-ms-overflow-style:none;scrollbar-width:none}.sidebar .sidebar-list::-webkit-scrollbar{display:none}@media (min-width:900px){.layout{padding:0 20px}.container{grid-area:container;overflow:auto}.ads{grid-area:ads;overflow:auto}.submit-lesson{padding:5px 50px}#list-lesson,.list-lessons-btn{display:none}}@media (max-width:899.99999px){.layout{display:block}.sidebar{display:none}.container{width:95%;display:block;margin:100px auto 30px;overflow:auto}.ads{width:95%}#aswift_1_expand,.adsbygoogle,ins{max-width:100px!important}.submit-lesson{width:100%;text-align:center;padding:5px 0}#list-lesson .lessons-body{border-bottom-left-radius:16px;border-bottom-right-radius:16px}#list-lesson .lessons-panel{bottom:50%;border-radius:16px}#list-lesson.active .lessons-panel{-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%)}}@media (max-width:600px){#list-lesson .lessons-panel{bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#list-lesson.active .lessons-panel{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}#list-lesson .lessons-body{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:20px}}