.lesson-shell{--lesson-bg:#fff;--lesson-text:#000;--lesson-panel:#e7e9eb;--lesson-sidebar:#e7e9eb;background:var(--lesson-bg);color:var(--lesson-text);max-width:1750px;margin:auto}.dark .lesson-shell{--lesson-bg:#1d2a35;--lesson-text:#ddd;--lesson-panel:#38444d;--lesson-sidebar:#15202b}.lesson-main{padding:16px 32px 32px;font:15px/1.5 Verdana,sans-serif}.lesson-leaderboard-space{height:96px}.lesson-title{margin:10px 0;font:400 42px/1.5 Segoe UI,Arial,sans-serif}.lesson-navigation a{color:#fff;background:#04aa6d;border-radius:5px;padding:8px 19px;font-size:18px;font-weight:600;text-decoration:none}.lesson-navigation a:hover{background:#059862}.lesson-sidebar{background:var(--lesson-sidebar);width:220px;color:var(--lesson-text);z-index:20;padding-bottom:48px;font:15px/1.5 Segoe UI,Arial,sans-serif;position:fixed;top:89px;bottom:0;overflow-y:auto}.lesson-sidebar h2{margin:16px 0 4px;padding:0 16px;font:400 21px/1.5 Segoe UI,Arial,sans-serif}.lesson-sidebar-item{justify-content:space-between;align-items:center;width:100%;display:flex}.lesson-sidebar a{color:inherit;padding:2px 16px 2px 28px;line-height:22px;text-decoration:none;display:block}.lesson-sidebar-item>a.lesson-sidebar-link{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:2px 8px 2px 28px;overflow:hidden}.lesson-sidebar-item:hover{color:#000;background:#ccc}.dark .lesson-sidebar-item:hover{color:#fff;background:#38444d}.lesson-sidebar a:hover{color:#000;background:#ccc}.dark .lesson-sidebar a:hover{color:#fff;background:#38444d}.lesson-sidebar a[aria-current=page]{color:#000;background:#d9eee1;border-left:5px solid #04aa6d;padding-left:23px;font-weight:700}.dark .lesson-sidebar a[aria-current=page]{color:#fff;background:#111a23;border-left:5px solid #04aa6d;padding-left:23px;font-weight:700}.lesson-caret-btn{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 12px;line-height:1;display:flex}.lesson-caret-btn:hover{opacity:1}.lesson-caret-svg{fill:currentColor;width:9px;height:6px;transition:transform .15s}.lesson-caret-btn.is-open .lesson-caret-svg{transform:rotate(180deg)}.lesson-accordion-group.is-expanded{background:#00000008}.dark .lesson-accordion-group.is-expanded{background:#111a23}.lesson-accordion-group.is-expanded>.lesson-sidebar-item{background:#0000000d}.dark .lesson-accordion-group.is-expanded>.lesson-sidebar-item{background:#1c2732}.lesson-subnav{padding:1px 0}.lesson-subnav a{text-overflow:ellipsis;white-space:nowrap;padding:2px 16px 2px 38px;font-size:14.5px;line-height:22px;overflow:hidden}.lesson-subnav a:hover{color:#000;background:#ccc}.dark .lesson-subnav a:hover{color:#fff;background:#243240}.lesson-subnav a[aria-current=page]{color:#000;background:#fff;border-left:5px solid #04aa6d;padding-left:33px;font-weight:700}.dark .lesson-subnav a[aria-current=page]{color:#fff;background:#28343e;border-left:5px solid #04aa6d;padding-left:33px;font-weight:700}.lesson-sidebar-toggle{display:none}.lesson-aside{text-align:center;border-left:1px solid #ddd3;flex:0 0 180px;width:180px;padding:36px 10px 16px}.lesson-aside h2{margin:16px 0 4px;font:400 20px/1.5 Segoe UI,sans-serif}.lesson-aside ul{margin:16px 0;padding:0;list-style:none}.w3-lesson-content{color:var(--lesson-text);overflow-wrap:break-word;font:16px/1.5 Segoe UI,-apple-system,Arial,Verdana,sans-serif}.w3-lesson-content p{font:inherit;margin:15px 0}.w3-lesson-content :is(h1,h2,h3,h4,h5,h6){margin:10px 0;font-family:Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}.w3-lesson-content h1{font-size:36px}.w3-lesson-content h2{font-size:32px}.w3-lesson-content h3{font-size:24px}.w3-lesson-content h4{font-size:20px}.w3-lesson-content :is(ul,ol){font:inherit;margin:16px 0;padding-left:40px}.w3-lesson-content ul{list-style:outside}.w3-lesson-content ol{list-style:decimal}.w3-lesson-content li{font:inherit;margin:0}.w3-lesson-content a{text-decoration:underline}.w3-lesson-content a:hover{color:#059862}.w3-lesson-content :is(h1,h2,h3,h4,h5,h6) a{color:inherit!important;text-decoration:none!important}.w3-lesson-content :is(h1,h2,h3,h4,h5,h6) a:hover{color:#059862!important;text-decoration:underline!important}.w3-lesson-content hr{clear:both;border:0;border-top:1px solid #eee;margin:20px -16px}.dark .w3-lesson-content hr{border-color:#38444d}.w3-lesson-content img{max-width:100%;height:auto;display:inline-block}.w3-lesson-content .cert-card-icon svg{flex:none;width:32px;height:32px}.w3-lesson-content .adv-promo-badge{width:135px;height:40px}.w3-lesson-content :is(.w3-btn,.w3-button,.ws-btn,.cert-card-btn){text-decoration:none}.w3-lesson-content :is(.w3-code,pre[class*=language-],pre.language-jsx){color:#000;background:#fff;border-radius:0;margin:16px 0;padding:8px 12px;font:15px/1.5 Consolas,Menlo,courier new,monospace;overflow:auto;border-left:4px solid #04aa6d!important}.dark .w3-lesson-content :is(.w3-code,pre[class*=language-],pre.language-jsx){color:#fff!important;background:#15202b!important;border-left:4px solid #282c34!important}.dark .w3-lesson-content :is(.w3-code,pre[class*=language-]).w3-white{color:#fff!important;background:#15202b!important}.w3-lesson-content pre[data-tab-header],.w3-lesson-content div[data-tab-header]{display:block!important}.w3-lesson-content .w3-example{box-shadow:none;background:#e7e9eb;border-radius:5px;margin:24px -20px;padding:8px 20px}.w3-lesson-content .w3-example .w3-btn{font-family:Source Sans Pro,sans-serif;font-size:17px;font-weight:400}.w3-lesson-content .w3-example{font-family:Segoe UI,-apple-system,Arial,Verdana,sans-serif;font-size:16px;line-height:1.5}.w3-lesson-content :is(.containerlog,#w3_cert_cta,#exercisecontainer,.lesson-radio-exercise){font-size:16px;line-height:1.5}.w3-lesson-content .containerlog :is(ul,li){font-family:Arial,sans-serif;font-size:16px;line-height:24px}.w3-lesson-content .containerlog h6{font:400 16px/24px Segoe UI,Arial,sans-serif}.w3-lesson-content pre.w3-code code{font:inherit;color:inherit;background:0 0;padding:0}@media (max-width:600px){.w3-lesson-content .w3-example{margin:24px -16px;padding:8px 16px}}.w3-lesson-content .w3-code [class*=hljs-]{font-style:normal;font-weight:400}.w3-lesson-content .hljs-comment,.w3-lesson-content .hljs-meta{color:#708090}.w3-lesson-content .hljs-meta :is(.hljs-keyword,.hljs-string){color:inherit}.w3-lesson-content .hljs-tag{color:#999}.w3-lesson-content .hljs-name{color:#905}.w3-lesson-content .hljs-attr{color:green}.w3-lesson-content .hljs-string,.w3-lesson-content :is(.w3-code,code).cssHigh,.w3-lesson-content .language-css{color:#005cc5}.w3-lesson-content :is(.cssHigh,.language-css) :is(.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-keyword){color:#905}.w3-lesson-content :is(.cssHigh,.language-css) .hljs-attribute{color:#d73a49}.w3-lesson-content :is(.cssHigh,.language-css) :is(.hljs-number,.hljs-string,.hljs-built_in,.hljs-selector-pseudo .hljs-number){color:#005cc5}.w3-lesson-content :is(.cssHigh,.language-css) .hljs-meta{color:#d73a49;font-weight:700}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) :is(.hljs-keyword,.hljs-literal,.hljs-variable.language_){color:#005cc5}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-string{color:green}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-number{color:#905}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-regexp{color:#e90}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) :is(.hljs-attr,.hljs-title,.hljs-built_in,.hljs-property,.hljs-params,.hljs-type){color:inherit}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh) :is(.xml,.language-xml) .hljs-attr{color:green}.w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh) :is(.xml,.language-xml) .hljs-string{color:#005cc5}.w3-lesson-content .phpHigh .hljs-meta{color:#d73a49}.w3-lesson-content .phpHigh :is(.hljs-keyword,.hljs-literal){color:#005cc5}.w3-lesson-content .phpHigh .hljs-string{color:green}.w3-lesson-content .phpHigh .hljs-number{color:#905}.w3-lesson-content .phpHigh :is(.hljs-variable,.hljs-built_in,.hljs-title,.hljs-params){color:inherit}.w3-lesson-content :is(.pythonHigh,.rHigh) :is(.hljs-keyword,.hljs-built_in,.hljs-literal){color:#005cc5}.w3-lesson-content :is(.pythonHigh,.rHigh) .hljs-string{color:green}.w3-lesson-content :is(.pythonHigh,.rHigh) .hljs-number{color:#905}.w3-lesson-content :is(.pythonHigh,.rHigh) :is(.hljs-meta,.hljs-title,.hljs-params,.hljs-subst){color:inherit}.w3-lesson-content .sqlHigh :is(.hljs-keyword,.hljs-built_in,.hljs-type,.hljs-literal){color:#005cc5}.w3-lesson-content .sqlHigh .hljs-string{color:green}.w3-lesson-content .sqlHigh .hljs-number{color:#905}.w3-lesson-content :is(.javaHigh,.rustHigh,.goHigh,.csharpHigh,.csHigh,.cppHigh,.cHigh,.bashHigh) :is(.hljs-keyword,.hljs-type,.hljs-literal){color:#005cc5}.w3-lesson-content :is(.javaHigh,.rustHigh,.goHigh,.csharpHigh,.csHigh,.cppHigh,.cHigh,.bashHigh) .hljs-string{color:green}.w3-lesson-content :is(.javaHigh,.rustHigh,.goHigh,.csharpHigh,.csHigh,.cppHigh,.cHigh,.bashHigh) .hljs-number{color:#905}.w3-lesson-content :is(.javaHigh,.kotlinHigh,.rustHigh,.goHigh,.csharpHigh,.csHigh,.cppHigh,.cHigh,.bashHigh) :is(.hljs-meta,.hljs-built_in,.hljs-title,.hljs-params,.hljs-variable){color:inherit}.w3-lesson-content .kotlinHigh :is(.hljs-keyword,.hljs-type,.hljs-literal){color:#0000cd}.w3-lesson-content .kotlinHigh .hljs-string{color:brown}.w3-lesson-content .kotlinHigh .hljs-number{color:red}.dark .w3-lesson-content .hljs-comment{color:#999}.dark .w3-lesson-content .hljs-tag{color:#8cb}.dark .w3-lesson-content .hljs-name{color:#f99}.dark .w3-lesson-content .hljs-attr{color:#c5a5c5}.dark .w3-lesson-content .hljs-string{color:#88c999}.dark .w3-lesson-content :is(.w3-code,code).cssHigh{color:#88c999!important}.dark .w3-lesson-content .language-css{color:#88c999}.dark .w3-lesson-content :is(.cssHigh,.language-css) :is(.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-keyword,.hljs-meta){color:#f99}.dark .w3-lesson-content :is(.cssHigh,.language-css) .hljs-attribute{color:#c5a5c5}.dark .w3-lesson-content :is(.cssHigh,.language-css) :is(.hljs-number,.hljs-string,.hljs-built_in,.hljs-selector-pseudo .hljs-number){color:#88c999}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) :is(.hljs-keyword,.hljs-literal,.hljs-variable.language_){color:#c5a5c5}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-string{color:#88c999}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-number{color:#80b6ff}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh,.language-javascript,.language-typescript) .hljs-regexp{color:#faca6b}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh) :is(.xml,.language-xml) .hljs-attr{color:#c5a5c5}.dark .w3-lesson-content :is(.jsHigh,.javascriptHigh,.tsHigh,.typescriptHigh) :is(.xml,.language-xml) .hljs-string{color:#88c999}.dark .w3-lesson-content .phpHigh .hljs-meta{color:#999}.dark .w3-lesson-content .phpHigh :is(.hljs-keyword,.hljs-literal){color:#f99}.dark .w3-lesson-content .phpHigh :is(.hljs-string,.hljs-number){color:#88c999}.dark .w3-lesson-content :is(.pythonHigh,.rHigh) :is(.hljs-keyword,.hljs-built_in,.hljs-literal){color:#f99}.dark .w3-lesson-content :is(.pythonHigh,.rHigh) :is(.hljs-string,.hljs-number){color:#88c999}.dark .w3-lesson-content .sqlHigh :is(.hljs-keyword,.hljs-built_in,.hljs-type,.hljs-literal){color:#c5a5c5}.dark .w3-lesson-content .sqlHigh .hljs-string{color:#88c999}.dark .w3-lesson-content .sqlHigh .hljs-number{color:#f99}.dark .w3-lesson-content :is(.javaHigh,.kotlinHigh,.rustHigh,.goHigh,.csharpHigh,.csHigh,.cppHigh,.cHigh,.bashHigh) :is(.hljs-keyword,.hljs-type,.hljs-literal,.hljs-string,.hljs-number){color:#88c999}.w3-lesson-content pre[class*=language-]{padding:16px;font:16px/1.5 Consolas,Source Code Pro,Menlo,Monaco,Andale Mono,Ubuntu Mono,monospace}.w3-lesson-content pre[class*=language-] code{font:inherit}.w3-lesson-content pre[class*=language-]:not(.w3-example *){background:#e7e9eb;border-left:0!important}.dark .w3-lesson-content pre[class*=language-][class*=language-]{color:#ddd!important;border-left-color:#04aa6d!important}.dark .w3-lesson-content pre[class*=language-]:not(.w3-example *){border-left:0!important}.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-comment,.hljs-meta){color:#708090;font-weight:400}.w3-lesson-content pre[class*=language-][class*=language-] .hljs-punctuation{color:#999}.w3-lesson-content pre[class*=language-][class*=language-] .hljs-operator{color:#9a6e3a}.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-number,.hljs-literal,.hljs-attr,.hljs-property,.hljs-attribute,.hljs-name,.hljs-symbol){color:#905}.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-string,.hljs-built_in,.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo){color:#690}.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-keyword,.hljs-type,.hljs-variable.language_){color:#07a}.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-title,.hljs-title.function_,.hljs-title.class_),.w3-lesson-content pre[class*=language-][class*=language-] .hljs-regexp,.w3-lesson-content pre[class*=language-][class*=language-].phpHigh .hljs-variable{color:#dd4a68}.w3-lesson-content pre[class*=language-][class*=language-]:not(.phpHigh) .hljs-variable:not(.language_),.w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-params,.hljs-subst){color:inherit}.w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag{color:#999}.w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag .hljs-attr{color:#690}.w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag .hljs-string{color:#07a}.w3-lesson-content pre[class*=language-][class*=language-].phpHigh .hljs-meta{color:#dd4a68;font-weight:700}.dark .w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-comment,.hljs-meta){color:#b2b2b2}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-punctuation{color:#88c6be}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-operator{color:#dee3ed}.dark .w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-number,.hljs-literal,.hljs-attr,.hljs-property,.hljs-attribute,.hljs-name,.hljs-symbol){color:#fc9ca7}.dark .w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-string,.hljs-built_in,.hljs-selector-tag,.hljs-selector-class,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo){color:#87c58b}.dark .w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-keyword,.hljs-type,.hljs-variable.language_){color:#c5a5c5}.dark .w3-lesson-content pre[class*=language-][class*=language-] :is(.hljs-title,.hljs-title.function_){color:#74b3f1}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-title.class_{color:#faca6b}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-regexp,.dark .w3-lesson-content pre[class*=language-][class*=language-].phpHigh .hljs-variable{color:#fc8391}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag{color:#88c6be}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag .hljs-attr{color:#87c58b}.dark .w3-lesson-content pre[class*=language-][class*=language-] .hljs-tag .hljs-string{color:#c5a5c5}.dark .w3-lesson-content pre[class*=language-][class*=language-].phpHigh .hljs-meta{color:#fc8391}.w3-lesson-content .bigbtn{text-align:center;border:1px solid #0000;border-radius:5px;width:100%;margin:0 0 16px;padding:20px 0;font-size:16px;line-height:24px;text-decoration:none;display:inline-block}.dark .w3-lesson-content .bigbtn{color:#ddd;background:#38444d;border-color:#38444d}.w3-lesson-content .bigbtn:hover{color:#fff!important;background:#282a35!important}.w3-lesson-content #exercisecontainer code{background:0 0;font-size:15px}.w3-lesson-content #exercisecontainer .questionmark:focus .w3-text{display:block}.w3-lesson-content #exercisecontainer .exercise-correct{margin-top:16px;color:#80e8b2!important}.w3-lesson-content #exercisecontainer .exercise-feedback{margin-top:16px;color:#fff4a3!important}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Source Sans Pro;src:url(/fonts/SourceSansPro-Bold.woff2)format("woff2");font-weight:600 700;font-display:swap}@font-face{font-family:Source Sans Pro Topnav;src:url(/fonts/SourceSansPro-Regular.woff2)format("woff2");font-weight:400;font-display:swap}.dark .w3-lesson-content .w3-example{background:#38444d}.w3-lesson-content .w3-example h3{font-size:24px}.w3-lesson-content :is(code,.w3-codespan){font:inherit;color:#dc143c;vertical-align:baseline;background:#dedede4d;border-radius:0;padding:0 4px;font-family:Consolas,Menlo,courier new,monospace;display:inline}.dark .w3-lesson-content :is(code,.w3-codespan){color:#f99;background:#dedede1a}.w3-lesson-content :is(h1,h2,h3,h4,h5,h6) :is(code,.w3-codespan){font-family:inherit;font-size:inherit;color:inherit!important;background:0 0!important;padding:0!important;display:inline!important}.w3-lesson-content :is(p,li,span,td,th) :is(code,.w3-codespan){display:inline!important}.w3-lesson-content :is(.w3-example pre,.w3-code,pre[class*=language-],pre) code{white-space:pre-wrap;word-break:break-word;font-family:Consolas,Menlo,courier new,monospace;font-size:15px;line-height:1.5;color:inherit!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;display:block!important}.dark .w3-lesson-content :is(.w3-example pre,.w3-code,pre[class*=language-],pre) code{color:inherit!important;background:0 0!important}.w3-lesson-content code[class*=High] em,.w3-lesson-content .w3-code em{color:inherit;font-style:italic;font-weight:400;background:0 0!important;padding:0!important}.dark .w3-lesson-content code[class*=High] em,.dark .w3-lesson-content .w3-code em{color:#fff!important;background:0 0!important}.w3-lesson-content pre{white-space:pre-wrap;font-family:Consolas,Courier New,monospace}.w3-lesson-content .w3-codeline{color:#000;white-space:pre-wrap;word-break:break-word;background:#e7e9eb;border-radius:4px;margin:16px 0;padding:16px 20px;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.5;display:block;overflow-x:auto}.dark .w3-lesson-content .w3-codeline{color:#ddd;background:#15202b;border-left:4px solid #04aa6d}.dark .w3-lesson-content .w3-light-grey{color:#ddd!important;background-color:#38444d!important}.w3-lesson-content .w3-responsive{max-width:100%;overflow-x:auto}.w3-lesson-content :is(.ws-table-all,.w3-table-all){border-collapse:collapse;border:1px solid #ccc;width:100%}.w3-lesson-content :is(.ws-table-all,.w3-table-all) :is(th,td){text-align:left;padding:8px}.w3-lesson-content .ws-table-all tr:nth-child(odd){background:#fff}.w3-lesson-content .ws-table-all tr:nth-child(2n){background:#e7e9eb}.dark .w3-lesson-content .ws-table-all tr:nth-child(odd){background:#1d2a35}.dark .w3-lesson-content .ws-table-all tr:nth-child(2n){background:#38444d}.w3-lesson-content .ws-info{color:#000;background:#d9eee1;margin:24px -32px;padding:16px 32px}.w3-lesson-content .ws-note{color:#000;background:#ffc;margin:24px -32px;padding:16px 32px}.dark .w3-lesson-content .ws-info{color:#ddd;background:#193d3d}.dark .w3-lesson-content .ws-note{color:#000;background:#fff4a3}.w3-lesson-content .lesson-exercise-callout{background:var(--lesson-panel);border-radius:5px;margin:24px -16px;padding:24px}.w3-lesson-content [hidden]{display:none!important}.w3-lesson-content #challenges_container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.w3-lesson-content .lesson-challenge-card{white-space:normal;border-radius:6px;padding:20px 12px}.w3-lesson-content .ws-share svg{width:16px;height:16px}.dark .w3-lesson-content .cert-card{background:#1d2a35}.dark .w3-lesson-content .cert-card :is(.cert-card-title,.cert-card-desc){color:#ddd}.w3-lesson-content :is(input,select,textarea){color:#000;background:#fff;border:1px solid #999;padding:2px}.w3-lesson-content input[type=radio],.w3-lesson-content input[type=checkbox]{appearance:auto;display:inline-block}.w3-lesson-content input[type=submit]{padding:2px 8px}.w3-lesson-content button{cursor:pointer}.w3-lesson-content button:not([class*=btn]):not(.w3-exercise-widget *){cursor:pointer;vertical-align:middle;border-radius:3px;margin:0 4px;padding:2px 8px;font-size:13.3333px;line-height:1.4;display:inline-block;color:#000!important;background-color:#efefef!important;border:1px solid #767676!important}.w3-lesson-content button:not([class*=btn]):not(.w3-exercise-widget *):hover{background-color:#e5e5e5!important}.w3-lesson-content button:not([class*=btn]):not(.w3-exercise-widget *):active{background-color:#d4d4d4!important}.w3-lesson-content [id]{scroll-margin-top:110px}@media (min-width:993px){.lesson-shell{flex-direction:row;padding-left:220px}.lesson-sidebar{left:max(0px,50vw - 875px)}.lesson-main{flex:1}}@media (max-width:992px){.lesson-sidebar{width:260px;display:none;box-shadow:3px 0 10px #0003}.lesson-sidebar.is-open{display:block}.lesson-sidebar-toggle{z-index:30;color:#fff;background:#04aa6d;border-radius:0 0 5px;padding:7px 12px;display:block;position:fixed;top:89px;left:0}.lesson-sidebar.is-open{padding-top:35px}.lesson-aside{display:none}.lesson-leaderboard-space{height:70px}}@media (max-width:600px){.w3-lesson-content svg{max-width:100%}.w3-lesson-content[data-source-page=html_editors] .w3-center.ws-black{margin-left:0!important;margin-right:0!important}.w3-lesson-content[data-source-page=html_images_imagemap] div[style*="400px"]{max-width:100%;overflow-x:auto}.w3-lesson-content[data-source-page=html_website] .w3-cell{overflow-wrap:anywhere;width:100%;display:block}.w3-lesson-content[data-source-page=html_website] .w3-cell-row{width:100%;display:block}.w3-lesson-content[data-source-page=html_website] .accordion{white-space:normal;width:100%;min-width:0}.w3-lesson-content[data-source-page=html_website] .accordion b{overflow-wrap:anywhere;text-align:left;min-width:0}.w3-lesson-content[data-source-page=html_website] .accordion .faq-icon{flex:0 0 20px;width:20px}.w3-lesson-content[data-source-page=html_images_imagemap] .lesson-image-map-scroll{max-width:100%;overflow-x:auto}.w3-lesson-content[data-source-page=html_images_imagemap] .lesson-image-map-scroll>div{width:400px}.w3-lesson-content[data-source-page=html_images_imagemap] .lesson-image-map-scroll img{max-width:none}.lesson-main{padding:16px}.lesson-title{font-size:32px}.w3-lesson-content h2{font-size:28px}.w3-lesson-content :is(.ws-info,.ws-note){margin:24px -16px;padding:16px}}