pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}@media (min-width: 1024px){aside[data-v-e6c71bf9]{scrollbar-width:none;-ms-overflow-style:none}aside[data-v-e6c71bf9]::-webkit-scrollbar{display:none}}@media (max-width: 1023px){aside[data-v-e6c71bf9]::-webkit-scrollbar{width:8px}aside[data-v-e6c71bf9]::-webkit-scrollbar-track{background:#f9f8f4}aside[data-v-e6c71bf9]::-webkit-scrollbar-thumb{background:#d4d0c8;border-radius:4px}aside[data-v-e6c71bf9]::-webkit-scrollbar-thumb:hover{background:#bfbbb3}}[data-v-e6c71bf9] .lesson-content .task-item{margin:1rem 0;padding:1rem;border-radius:.75rem;transition:all .2s ease;box-shadow:0 1px 3px #00000014}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .task-item{margin:1.5rem 0;padding:1.25rem 1.5rem}}[data-v-e6c71bf9] .lesson-content .task-item:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}[data-v-e6c71bf9] .lesson-content .task-item label{-webkit-user-select:none;user-select:none}[data-v-e6c71bf9] .lesson-content .task-checkbox{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-v-e6c71bf9] .lesson-content .task-checkbox svg{width:100%;height:100%}[data-v-e6c71bf9] .lesson-content .task-checkbox-todo svg{color:#9ca3af}[data-v-e6c71bf9] .lesson-content .task-item:hover .task-checkbox-todo svg{color:#6b7280}[data-v-e6c71bf9] .lesson-content .task-checkbox-progress svg{color:#3b82f6}[data-v-e6c71bf9] .lesson-content .task-item:hover .task-checkbox-progress svg{color:#2563eb}[data-v-e6c71bf9] .lesson-content .task-checkbox-checked svg{color:#22c55e}[data-v-e6c71bf9] .lesson-content .task-item:hover .task-checkbox-checked svg{color:#16a34a}[data-v-e6c71bf9] .lesson-content .task-checkbox-failed svg{color:#ef4444}[data-v-e6c71bf9] .lesson-content .task-item:hover .task-checkbox-failed svg{color:#dc2626}[data-v-e6c71bf9] .lesson-content .task-content{font-size:.9375rem;font-weight:500;color:#1f2937;line-height:1.6}[data-v-e6c71bf9] .lesson-content .task-content p{margin:0}[data-v-e6c71bf9] .lesson-content .task-item[data-task-status=completed] .task-content{color:#6b7280}[data-v-e6c71bf9] .lesson-content .lesson-content>div:has(h4):not(.task-item):not(.lesson-link-card):not(.code-block-wrapper){margin:1.5rem 0;padding:1rem;border-radius:.5rem;border-left:3px solid;box-shadow:0 2px 4px #0000000d}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .lesson-content>div:has(h4):not(.task-item):not(.lesson-link-card):not(.code-block-wrapper){margin:2rem 0;padding:1.5rem;border-radius:.75rem;border-left:4px solid}}[data-v-e6c71bf9] .lesson-content div[class*=border-yellow]{border-color:#f59e0b!important;background:linear-gradient(to right,#fef3c7,#fefce8)!important}[data-v-e6c71bf9] .lesson-content div[class*=border-yellow] h4{color:#92400e!important;font-size:1rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-yellow] h4{font-size:1.1rem}}[data-v-e6c71bf9] .lesson-content div[class*=border-yellow] p{color:#78350f!important;font-size:.875rem;line-height:1.6;margin:0}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-yellow] p{font-size:.95rem}}[data-v-e6c71bf9] .lesson-content div[class*=border-blue]{border-color:#3b82f6!important;background:linear-gradient(to right,#dbeafe,#eff6ff)!important}[data-v-e6c71bf9] .lesson-content div[class*=border-blue] h4{color:#1e40af!important;font-size:1rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-blue] h4{font-size:1.1rem}}[data-v-e6c71bf9] .lesson-content div[class*=border-blue] p{color:#1e3a8a!important;font-size:.875rem;line-height:1.6;margin:0}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-blue] p{font-size:.95rem}}[data-v-e6c71bf9] .lesson-content div[class*=border-gray]{border-color:#6b7280!important;background:linear-gradient(to right,#f3f4f6,#f9fafb)!important}[data-v-e6c71bf9] .lesson-content div[class*=border-gray] h4{color:#1f2937!important;font-size:1rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-gray] h4{font-size:1.1rem}}[data-v-e6c71bf9] .lesson-content div[class*=border-gray] p{color:#374151!important;font-size:.875rem;line-height:1.6;margin:0}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content div[class*=border-gray] p{font-size:.95rem}}[data-v-e6c71bf9] .lesson-content .auth-content{margin:2rem 0}[data-v-e6c71bf9] .lesson-content .code-block-wrapper{margin:1.5rem -1rem;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;border-left:none;border-right:none}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .code-block-wrapper{margin:2rem 0;border-radius:1rem;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}}[data-v-e6c71bf9] .lesson-content .code-block-wrapper>div:first-child{background:#f9fafb;padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;border-radius:0}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .code-block-wrapper>div:first-child{padding:.75rem 1rem;border-radius:1rem 1rem 0 0}}[data-v-e6c71bf9] .lesson-content .code-block-wrapper>div:first-child span{color:#6b7280}[data-v-e6c71bf9] .lesson-content .code-block-wrapper pre{margin:0!important;background:#fff!important;padding:1rem!important;overflow-x:auto;border-radius:0;-webkit-overflow-scrolling:touch}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .code-block-wrapper pre{padding:1.5rem!important;border-radius:0 0 1rem 1rem}}[data-v-e6c71bf9] .lesson-content .code-block-wrapper code{font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.6;background:transparent!important}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .code-block-wrapper code{font-size:.9rem}}[data-v-e6c71bf9] .lesson-content .copy-code-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:.5rem;background:#e5e7eb;color:#374151;border:none;cursor:pointer;transition:all .2s ease}[data-v-e6c71bf9] .lesson-content .copy-code-btn:hover{background:#d1d5db;color:#1f2937}[data-v-e6c71bf9] .lesson-content .copy-code-btn:active{transform:scale(.95)}[data-v-e6c71bf9] .lesson-content .lesson-link-card{margin:1.5rem 0;padding:1rem;border-radius:.5rem;border:2px solid;text-decoration:none!important;display:block;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .lesson-link-card{margin:2rem 0;padding:1.5rem;border-radius:.75rem}}[data-v-e6c71bf9] .lesson-content .lesson-link-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}[data-v-e6c71bf9] .lesson-content .lesson-link-card h4{font-size:1rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .lesson-link-card h4{font-size:1.1rem}}[data-v-e6c71bf9] .lesson-content .lesson-link-card p{font-size:.875rem;margin:0;line-height:1.5}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content .lesson-link-card p{font-size:.9rem}}[data-v-e6c71bf9] .lesson-content>*+*{margin-top:1.5rem}[data-v-e6c71bf9] .lesson-content h1{margin-top:2rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;line-height:1.2;color:#1b1b18;letter-spacing:-.025em}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content h1{margin-top:3rem;margin-bottom:1.5rem;font-size:2.25rem}}[data-v-e6c71bf9] .lesson-content h2{margin-top:1.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.25;color:#1b1b18;letter-spacing:-.02em}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content h2{margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.75rem}}[data-v-e6c71bf9] .lesson-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.3;color:#1b1b18;letter-spacing:-.015em}@media (min-width: 640px){[data-v-e6c71bf9] .lesson-content h3{margin-top:2rem;margin-bottom:1rem;font-size:1.375rem}}[data-v-e6c71bf9] .lesson-content h4,[data-v-e6c71bf9] .lesson-content h5,[data-v-e6c71bf9] .lesson-content h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}[data-v-e6c71bf9] .lesson-content h1:first-child,[data-v-e6c71bf9] .lesson-content h2:first-child,[data-v-e6c71bf9] .lesson-content h3:first-child{margin-top:0}[data-v-e6c71bf9] .lesson-content img{margin:2rem auto;max-width:100%;height:auto;display:block}[data-v-e6c71bf9] .lesson-content ul,[data-v-e6c71bf9] .lesson-content ol{margin:1.5rem 0;padding-left:1.75rem}[data-v-e6c71bf9] .lesson-content li{margin:.5rem 0;line-height:1.7}[data-v-e6c71bf9] .lesson-content hr{margin:3rem 0;border:none;border-top:2px solid #e5e7eb}[data-v-e6c71bf9] [data-lesson-content] mark{background-color:#fef08a;padding:2px 0;border-radius:2px}[data-v-e6c71bf9] [data-lesson-content] mark.private{background-color:#fed7aa}