.sy-learn :focus-visible{outline:none;box-shadow:0 0 0 2px #0c0e11,0 0 0 4px #7e8cff;border-radius:4px}@keyframes sy-learn-enter{0%{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.sy-entrance [data-mg="1"],.sy-entrance [data-mg="2"],.sy-entrance [data-mg="3"],.sy-entrance [data-mg="4"]{animation:sy-learn-enter .16s cubic-bezier(.165,.84,.44,1) both}.sy-entrance [data-mg="2"]{animation-delay:40ms}.sy-entrance [data-mg="3"]{animation-delay:80ms}.sy-entrance [data-mg="4"]{animation-delay:.12s}}@keyframes sy-run-sweep{0%{transform:translateX(-100%) scaleX(.35)}50%{transform:translateX(0) scaleX(.5)}to{transform:translateX(100%) scaleX(.35)}}.sy-run-sweep{animation:sy-run-sweep .7s linear infinite}@media (prefers-reduced-motion:reduce){.sy-run-sweep{animation:none;opacity:0}}@keyframes sy-mark-in{0%{opacity:0}to{opacity:1}}.sy-mark-in{animation:sy-mark-in .14s cubic-bezier(.165,.84,.44,1) both}.sy-mark-in-late{animation:sy-mark-in .14s cubic-bezier(.165,.84,.44,1) 80ms both}@media (prefers-reduced-motion:reduce){.sy-mark-in,.sy-mark-in-late{animation:none}}@keyframes sy-run-settle{0%{opacity:1}to{opacity:0}}@keyframes sy-pane-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sy-learn iframe[title="Code output"]{animation:none!important}}@keyframes sy-spin{to{transform:rotate(1turn)}}.sy-spin{animation:sy-spin .7s linear infinite}@media (prefers-reduced-motion:reduce){.sy-spin{animation:none}}.sy-sidebar-scroll{scrollbar-width:thin;scrollbar-color:hsla(60,10%,96%,.22) transparent}.lesson-prose{max-width:720px;font-size:16.5px;line-height:1.7;color:hsla(60,10%,96%,.62)}@media (max-width:1023px){.lesson-prose{font-size:16px}}.lesson-prose>*+*{margin-top:1.15em}.lesson-prose h2:not([data-island] *){margin-top:2.4em;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--sy-light)}.lesson-prose h3:not([data-island] *){margin-top:1.8em;font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--sy-light)}.lesson-prose strong:not([data-island] *){font-weight:600;color:var(--sy-light)}.lesson-prose a:not([data-island] *){color:var(--sy-indigo);text-decoration:underline;text-underline-offset:4px;transition:color .2s var(--ease-premium)}.lesson-prose a:not([data-island] *):hover{color:var(--sy-light)}.lesson-prose ol:not([data-island] *),.lesson-prose ul:not([data-island] *){padding-left:1.4em}.lesson-prose ul:not([data-island] *){list-style:disc}.lesson-prose ol:not([data-island] *){list-style:decimal}.lesson-prose li:not([data-island] *){margin-top:.5em}.lesson-prose li:not([data-island] *)::marker{color:var(--sy-indigo)}.lesson-prose blockquote:not([data-island] *){border-left:2px solid var(--sy-indigo);padding-left:1.2em;color:hsla(60,10%,96%,.55)}.lesson-prose hr:not([data-island] *){border:none;border-top:1px solid hsla(60,10%,96%,.12)}.lesson-prose code:not([data-island] *){font-family:var(--font-space-mono),monospace;font-size:.86em;color:var(--sy-indigo);background:hsla(60,10%,96%,.07);padding:2px 6px;border-radius:4px}.lesson-prose figure[data-rehype-pretty-code-figure]{margin-top:1.4em}.lesson-prose figure[data-rehype-pretty-code-figure] figcaption[data-rehype-pretty-code-title]{font-family:var(--font-space-mono),monospace;font-size:10.5px;letter-spacing:.1em;color:hsla(60,10%,96%,.45);background:var(--sy-darkest);border:1px solid hsla(60,10%,96%,.1);border-bottom:none;border-radius:4px 4px 0 0;padding:9px 16px}.lesson-prose pre:not([data-island] *){background:var(--sy-darker);border:1px solid hsla(60,10%,96%,.1);border-radius:4px;padding:18px 20px;overflow-x:auto;font-size:13.5px;line-height:1.7}.lesson-prose figcaption[data-rehype-pretty-code-title]+pre{border-radius:0 0 4px 4px}.lesson-prose pre code:not([data-island] *){font-family:var(--font-space-mono),monospace;background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}.lesson-prose table:not([data-island] *){width:100%;border-collapse:collapse;font-size:14px}.lesson-prose th:not([data-island] *){text-align:left;font-weight:600;color:var(--sy-light);border-bottom:1px solid hsla(60,10%,96%,.25);padding:10px 14px 10px 0}.lesson-prose td:not([data-island] *){border-bottom:1px solid hsla(60,10%,96%,.1);padding:10px 14px 10px 0;vertical-align:top}