.spinner:where(.astro-LOLZTSA2).interactive .interactive:where(.astro-LOLZTSA2) .text:where(.astro-LOLZTSA2)>:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).quiz .quiz:where(.astro-LOLZTSA2) .text:where(.astro-LOLZTSA2)>:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).video .video:where(.astro-LOLZTSA2) .text:where(.astro-LOLZTSA2)>:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).challenge .challenge:where(.astro-LOLZTSA2) .text:where(.astro-LOLZTSA2)>:where(.astro-LOLZTSA2){fill:var(--charcoal)}.spinner:where(.astro-LOLZTSA2) .fill:where(.astro-LOLZTSA2){opacity:0}.spinner:where(.astro-LOLZTSA2).interactive .interactive:where(.astro-LOLZTSA2) .fill:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).quiz .quiz:where(.astro-LOLZTSA2) .fill:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).video .video:where(.astro-LOLZTSA2) .fill:where(.astro-LOLZTSA2),.spinner:where(.astro-LOLZTSA2).challenge .challenge:where(.astro-LOLZTSA2) .fill:where(.astro-LOLZTSA2){opacity:1}.spinner:where(.astro-LOLZTSA2) .spinnerBody:where(.astro-LOLZTSA2){transform-box:fill-box;transform-origin:50% 50%}.spinner:where(.astro-LOLZTSA2).video .spinnerBody:where(.astro-LOLZTSA2){transform:rotate(150deg)}.spinner:where(.astro-LOLZTSA2).challenge .spinnerBody:where(.astro-LOLZTSA2){transform:rotate(240deg)}.spinner:where(.astro-LOLZTSA2).quiz .spinnerBody:where(.astro-LOLZTSA2){transform:rotate(88deg)}.spinner:where(.astro-LOLZTSA2) .hand:where(.astro-LOLZTSA2){transform:rotate(0);transform-box:fill-box;transform-origin:50% 86%}.spinner:where(.astro-LOLZTSA2):hover .hand:where(.astro-LOLZTSA2){animation:spinner 1.2s forwards ease-in-out}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}.split{width:100%;height:100%;position:relative;display:grid}.split.horizontal{grid-template-rows:var(--pos) 1fr}.split.vertical{grid-template-columns:var(--pos) 1fr}.panel{height:100%;width:100%;overflow:auto}.panel+.panel{z-index:1}.dragging iframe{pointer-events:none!important}.dragging.vertical{cursor:ew-resize!important}.dragging.horizontal{cursor:ns-resize!important}.drag-handle{box-sizing:border-box;position:absolute;z-index:10}.drag-handle:after{content:"";width:1px;height:100%;position:absolute;left:50%}.vertical .drag-handle{padding-left:4px;padding-right:4px;width:0px;height:100%;left:var(--pos);top:0;cursor:ew-resize}.vertical .drag-handle:after{width:1px;height:100%;left:50%;top:0}.horizontal .drag-handle{padding-top:4px;padding-bottom:4px;height:0px;width:100%;top:var(--pos);left:0;cursor:ns-resize}.horizontal .drag-handle:after{height:1px;width:100%;top:50%;left:0}.sp-tests{--test-pass: #0ba95b !important;--test-fail: #ed203d !important;--test-skip: #fcba28 !important;--test-run: #fcba28 !important;--test-title: #12b5e5 !important;--sp-colors-surface1: var(--brand-coal) !important}.challenge-editor .sp-code-editor,.challenge-editor .sp-preview{--sp-colors-surface1: var(--brand-coal) !important}.challenge-editor .sp-preview-container{background:var(--brand-coal)!important}.challenge-editor .prose{max-width:100%}.challenge-editor .sp-tabs{height:48px;--tw-bg-opacity: 1;background-color:rgb(15 13 14 / var(--tw-bg-opacity))}.challenge-editor .sp-tabs *{height:100%!important}.challenge-editor .code-preview{margin:0}.sp-stack,.sp-preview-container{height:100%}.sp-preview-container{--tw-bg-opacity: 1 !important;background-color:rgb(15 13 14 / var(--tw-bg-opacity))!important}.sp-tests>*:not(iframe):not(:last-child){display:none!important}.sp-overlay{--sp-colors-errorSurface: var(--brand-coal) !important}.token.plain{color:var(--white)}.token.comment{color:#a7a7a7}.token.punctuation{color:var(--brand-beige)}.token.deleted{color:var(--red)}.token.inserted,.token.attr-name{color:var(--green)}.token.string,.token.url{color:#f99157}.token.attr-value,.token.number{color:var(--yellow)}.token.boolean,.token.keyword,.token.function{color:var(--magesticPurple)}.token.keyword,.token.tag,.token.parameter,.token.method,.token.property-access{color:var(--pink)}.token.changed,.token.property,.token.namespace,.token.operator,.token.selector,.token.doctype,.token.class-name,.token.builtin,.token.char,.token.constant,.token.interpolation{color:var(--blue)}.static-code-container .highlight-line,.cm-line.highlight:not(:has(.widget)),.cm-line .widget{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(47 47 47 / var(--tw-bg-opacity))}.static-code-container .highlight-line:has(+.highlight-line),.cm-line.highlight:has(+.cm-line.highlight){border-bottom-left-radius:0;border-bottom-right-radius:0}.static-code-container .highlight-line+.highlight-line,.cm-line.highlight+.cm-line.highlight{border-top-left-radius:0;border-top-right-radius:0}.cm-activeLine{background-color:transparent!important}.static-code-container{margin-top:3rem;margin-bottom:3rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(35 31 32 / var(--tw-bg-opacity));padding:.25rem 1.5rem}@media (min-width: 768px){.static-code-container{margin-left:-1.5rem;margin-right:-1.5rem}}.static-code-container{position:relative;min-width:0px}.static-code-container:has([class*=language]):before{content:"TEXT";position:absolute;top:-24px;right:24px;z-index:1;background:var(--brand-charcoal);font-size:.8rem;padding:4px 8px;border-top-left-radius:4px;border-top-right-radius:4px;transition:transform .3s ease-in-out}.static-code-container .token{opacity:1;transition:.3s linear all}.static-code-container .inactive-highlight{opacity:.33;transition:opacity .3s ease-in-out}.static-code-container:has(.language-js):before{content:"JS"}.static-code-container:has(.language-jsx):before{content:"JSX"}.static-code-container:has(.language-html):before{content:"HTML"}.static-code-container:has(.language-tsx):before{content:"TSX"}.static-code-container:has(.language-ts):before{content:"TS"}.static-code-container:has(.language-json):before{content:"JSON"}.static-code-container:has(.language-css):before{content:"CSS"}.static-code-container:has(.language-bash):before{content:"BASH"}.aside-container .static-code-container,.comment .static-code-container,.challenge-editor .static-code-container{margin-left:0;margin-right:0;margin-top:2rem;margin-bottom:2rem}.aside-container [data-language] pre,.aside-container [data-language] pre .token-line{display:block}.token-line{line-height:1.25}pre{background:transparent!important;padding:0!important;overflow:auto}pre::-webkit-scrollbar{height:4px;background-color:transparent}:not(pre)>code{padding:2px 5px;background:var(--brand-charcoal);border-radius:3px;font-family:Fira Code;font-weight:600;letter-spacing:-.2px}.prose ol{list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose p{margin-bottom:1.25em}.prose h3{margin-top:1.25em;margin-bottom:1.25em}.prose h4{margin-top:2em;margin-bottom:1em}.animate-spin{animation:spin 1s linear infinite!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.board-game:where(.astro-SZDJJ2GI){margin-top:.5em;display:grid;justify-items:center}.board-game:where(.astro-SZDJJ2GI) a:where(.astro-SZDJJ2GI){color:var(--yellow)}.board-game:where(.astro-SZDJJ2GI) h2:where(.astro-SZDJJ2GI){color:var(--pink)}.board-section:where(.astro-SZDJJ2GI){width:100%;max-width:1166px;position:relative;display:grid}.board-section:where(.astro-SZDJJ2GI)>:where(.astro-SZDJJ2GI),.board-section:where(.astro-SZDJJ2GI)>svg{grid-column:1;grid-row:1}.board-section:where(.astro-SZDJJ2GI)>svg,.board-graphic:where(.astro-SZDJJ2GI)>svg{margin-top:-.06em}.board-graphic:where(.astro-SZDJJ2GI){width:100%;height:100%;position:absolute;overflow:hidden;display:grid;z-index:0}.board-graphic:where(.astro-SZDJJ2GI)>svg{grid-row:1;grid-column:1}.board-graphic:where(.astro-SZDJJ2GI)>svg:first-of-type{overflow:visible}.board-01:where(.astro-SZDJJ2GI){max-height:670px;aspect-ratio:1166 / 670}.board-02:where(.astro-SZDJJ2GI){max-height:334px;aspect-ratio:1166 / 334}.board-03:where(.astro-SZDJJ2GI){max-height:376px;aspect-ratio:1166 / 376}.board-04:where(.astro-SZDJJ2GI){max-height:496px;aspect-ratio:1166 / 496}.board-05:where(.astro-SZDJJ2GI){max-height:266px;aspect-ratio:1166 / 266}.board-06:where(.astro-SZDJJ2GI){max-height:400px;aspect-ratio:1166 / 400}.board-07:where(.astro-SZDJJ2GI){max-height:380px;aspect-ratio:1166 / 380}.board-content:where(.astro-SZDJJ2GI){display:grid;gap:2.5em 3em;position:relative;z-index:1}.board-left:where(.astro-SZDJJ2GI),.board-right:where(.astro-SZDJJ2GI){margin:-1px 0}.board-left:where(.astro-SZDJJ2GI) .board-content:where(.astro-SZDJJ2GI){margin-left:clamp(2em,14vw,10em);margin-right:clamp(1em,4vw,3em)}.board-right:where(.astro-SZDJJ2GI) .board-content:where(.astro-SZDJJ2GI){margin-right:clamp(2em,14vw,10em);margin-left:clamp(1em,4vw,3em)}.board-content:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){max-width:500px;display:grid;position:relative}.board-content:where(.astro-SZDJJ2GI) .spinner:where(.astro-SZDJJ2GI){width:clamp(90px,10vw,110px);height:auto;position:absolute;top:-1.2em;right:-.5em;z-index:10}.board-01:where(.astro-SZDJJ2GI) h2:where(.astro-SZDJJ2GI){max-width:14ch;margin-top:-2.5em;place-self:center;font-size:clamp(1rem,4vw,3rem);text-align:center;color:var(--white)}.aha-moment:where(.astro-SZDJJ2GI) .demo-graphic:where(.astro-SZDJJ2GI){max-width:340px}.leetcode:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI) .button:where(.astro-SZDJJ2GI){margin-top:-1.5em;justify-self:center}.hooks:where(.astro-SZDJJ2GI) h2:where(.astro-SZDJJ2GI) span:where(.astro-SZDJJ2GI){font-size:300%;display:block}.hooks:where(.astro-SZDJJ2GI) .content:where(.astro-SZDJJ2GI){max-width:20ch;text-align:center}.hooks:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI) ul:where(.astro-SZDJJ2GI){padding:2em 0 3em;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.8em .5em}.interviews:where(.astro-SZDJJ2GI) .demo-graphic:where(.astro-SZDJJ2GI){font-size:clamp(.9rem,2vw,1.1rem)}.board-content:where(.astro-SZDJJ2GI).interviews .spinner:where(.astro-SZDJJ2GI){right:-2.3em}.future-proof:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){gap:1em}@media screen and (max-width: 450px){.board-content:where(.astro-SZDJJ2GI) .spinner:where(.astro-SZDJJ2GI){width:70px}}@media screen and (max-width: 850px){.content:where(.astro-SZDJJ2GI)>:where(.astro-SZDJJ2GI){max-width:35ch}.aha-moment:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){justify-self:start}.interviews:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){margin-left:-3em;justify-self:center}.aha-moment:where(.astro-SZDJJ2GI){margin:-1em 0 -2em}.leetcode:where(.astro-SZDJJ2GI){margin:.5em 0 0}.leetcode:where(.astro-SZDJJ2GI) .emoji:where(.astro-SZDJJ2GI){display:inline-block;transform:rotate(90deg)}.videos:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){width:90%;margin-bottom:2.5em}.videos:where(.astro-SZDJJ2GI) .spinner:where(.astro-SZDJJ2GI){right:-2em}.hooks:where(.astro-SZDJJ2GI){margin:0 0 1.5em;padding-bottom:19vw}.board-graphic:where(.astro-SZDJJ2GI)>svg.board-hooks{position:absolute;bottom:0;left:0;transform:translate(-35%)}.interviews:where(.astro-SZDJJ2GI){margin-top:2em}.future-proof:where(.astro-SZDJJ2GI){margin:1em 0 0}.future-proof:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){grid-template-columns:1fr 1fr;align-items:start}.future-proof:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI) .card-stack:where(.astro-SZDJJ2GI):nth-child(2n){margin-top:1.5em}.beige_stroke path{stroke-width:110}.charcoal_outline path{stroke-width:105}.beige_path path,.game_lines path,.path_cover path{stroke-width:94}.game_stuff>g:not([class^=small]){transform-box:fill-box;transform-origin:center center;transform:scale(1.1)}.game_stuff>g[class^=number]{transform:scale(1.25)}.game_stuff>g.props{transform:scale(1.34);transform-origin:center top}}@media screen and (min-width: 851px){.board-content:where(.astro-SZDJJ2GI){grid-template-columns:1fr 1fr;grid-template-rows:1;align-items:center}.board-content:where(.astro-SZDJJ2GI)>:where(.astro-SZDJJ2GI){grid-row:1}.board-left:where(.astro-SZDJJ2GI) .content:where(.astro-SZDJJ2GI){grid-column:2}.board-left:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI),.board-content:where(.astro-SZDJJ2GI) .content:where(.astro-SZDJJ2GI):only-child{grid-column:1}.aha-moment:where(.astro-SZDJJ2GI){margin:-1em 0 0}.leetcode:where(.astro-SZDJJ2GI){margin:.5em 0 -.5em}.videos:where(.astro-SZDJJ2GI){margin:1em 0 3.5em}.videos:where(.astro-SZDJJ2GI) .spinner:where(.astro-SZDJJ2GI){left:-1em;right:auto}.board-content:where(.astro-SZDJJ2GI).hooks{width:35%;margin-top:-1em;margin-right:0;margin-bottom:-2em;grid-template-columns:1fr}.board-graphic:where(.astro-SZDJJ2GI)>svg.board-hooks{position:absolute;top:50%;transform:translateY(-50%)}.interviews:where(.astro-SZDJJ2GI){margin:4em 0 -2em}.interviews:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI){justify-self:center}.future-proof:where(.astro-SZDJJ2GI) .content:where(.astro-SZDJJ2GI){margin-top:-1.5em}.future-proof:where(.astro-SZDJJ2GI){margin:3em 0 0}.future-proof:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI) .card-stack:where(.astro-SZDJJ2GI){width:90%;max-width:300px}.future-proof:where(.astro-SZDJJ2GI) .demo:where(.astro-SZDJJ2GI) .card-stack:where(.astro-SZDJJ2GI):nth-child(2n){justify-self:end}}.game_stuff .atom{transform-box:fill-box;transform-origin:center center;animation:rotate 10s linear infinite}.game_stuff [class^=game-piece]:hover [class^=body]{transform-box:fill-box;transform-origin:center center;animation:bob .8s ease-in-out infinite alternate}.game_stuff [class^=game-piece]:hover [class^=shadow]{transform-box:fill-box;transform-origin:center center;animation:shadow .8s ease-in-out infinite alternate}@media (prefers-reduced-motion){.game_stuff .atom{animation:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-.2em)}}@keyframes shadow{0%{transform:scale(1)}to{transform:scale(.94)}}