@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";@import"https://fonts.cdnfonts.com/css/source-serif-pro?styles=20103,20100";*,*:before,*:after{box-sizing:border-box}a[role=button].btn,button.btn{display:flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1em;font-size:var(--font-size, .85rem);cursor:pointer;user-select:none;text-decoration:none}select{cursor:pointer;border:none;outline:none;padding:.8em 1em;margin-bottom:1rem}table{border-collapse:collapse}th,td{text-align:start;padding:.5rem 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--col, 15rem),1fr))}:root{--font-ui: "Outfit", sans-serif;--font-mono: "Menlo", monospace;--font-heading: "Outfit", sans-serif;--font-content: "Source Serif Pro", serif}html[color-scheme=dark]{--color-fg: #dddddd;--color-fg-1: #aaaaaa;--color-bg: #161616;--color-bg-1: #1e1e1e;--color-bg-2: #303030;--color-primary: #5292d2;--color-link-visited: #c690e8;--color-error: #e15757;--color-error-bg: #2d1d1d;--color-quiz: #ffdf6b;--color-guide: #7ad3ce;--color-github: #eeeeee;--color-discord: #6c76ea;--color-upgrade: #e6b073;--color-exercise: #9dd357}html[color-scheme=light]{--color-fg: #292e3a;--color-fg-1: #646484;--color-bg: #e0e5f2;--color-bg-1: #ffffff;--color-bg-2: #c4c4df;--color-primary: #1c8ade;--color-link-visited: #9d53e2;--color-error: #d13434;--color-error-bg: #eac5c5;--color-quiz: #f7bb25;--color-guide: #25d4cb;--color-github: #31363f;--color-discord: #5765f2;--color-upgrade: #d7a560;--color-exercise: #80c427}body,#root{display:flex;flex-direction:column;height:100vh;margin:0;font-family:var(--font-ui);color:var(--color-fg);background-color:var(--color-bg)}a[role=button].btn,button.btn{color:var(--fg, var(--color-bg-1));background:var(--bg, var(--color-fg));border:none;transition:var(--transition, all .3s);font-family:var(--font-ui);font-weight:700;border-radius:.8em;&:hover{translate:0 -.1em;border-radius:1em}&:active{translate:0 .2em;border-radius:.8em}&:disabled{color:var(--theme-colors-dimmed);cursor:default;pointer-events:none;background-color:var(--theme-colors-area)}&.loading{cursor:default;pointer-events:none;filter:brightness(.8)}>svg{margin:-1rem 0}}a[role=button].btn>svg,button.btn>svg,a[role=button].circle>svg,button.circle>svg{color:var(--fg, var(--color-bg-1))}a[role=button].circle,button.circle{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--fg, var(--color-bg-1));background:var(--bg, var(--color-fg));border:none;transition:var(--transition, all .3s);height:var(--size, 2.5rem);width:var(--size, 2.5rem);padding:.3rem;border-radius:50%;&:hover{border-radius:50%;translate:none;scale:1.05}&:active{border-radius:50%;translate:none;scale:.95}}select{border-radius:.8em}th,td{border:2px solid var(--color-bg-2)}.prose{color:var(--color-fg-1);font-family:var(--font-content);font-size:.9rem}@media (max-width: 600px){.prose{font-size:.9em}}.prose :is(h1,h2,h3,h4,h5,h6){color:var(--color-fg);font-family:var(--font-heading)}.prose p{text-wrap:pretty}.prose h2{font-size:2.2em;margin-block-end:.3em}.prose h3{font-size:1.6em;margin-block-end:.2em}.prose :is(h4,h5,h6){color:red}.prose :is(p,ol,ul){line-height:1.7;font-size:1.2em;font-weight:400;margin-top:.6rem;margin-bottom:.8rem}.prose ul ul{font-size:1em}.prose strong{color:var(--color-fg)}.prose blockquote{margin-left:10px;padding:10px 15px;font-size:.9rem;border-left:3px solid var(--color-fg)}.prose blockquote>p{font-style:italic;margin:0}.prose img{margin:.8rem auto;display:block;max-width:100%}.prose a{color:var(--color-primary)}.prose a:not([role=button]):visited{color:var(--color-link-visited)}.prose a:hover{filter:brightness(1.3)}.prose :is(h1,h2,h3,h4,h5,h6) a,.prose :is(h1,h2,h3,h4,h5,h6) a:visited{color:var(--color-fg);text-decoration:none}html[color-scheme=dark] code,html[color-scheme=dark] pre{background-color:var(--color-bg-1)!important}html[color-scheme=dark] code span{color:var(--shiki-dark)!important}code{font-family:var(--font-mono);padding:.2em .4em;font-size:.8em;white-space:nowrap;border-radius:.5em;background-color:var(--color-bg-1)}pre{font-family:var(--font-mono);padding:1em;overflow:auto;font-size:1rem;line-height:1.5;border-radius:.5em;background-color:var(--color-bg-1)}pre code{padding:0;white-space:pre}