nav.svelte-l0vkpd{display:grid;align-items:center;grid-template-columns:2.5em 1fr 2.5em;border-bottom:1px solid rgba(255,255,255,.1)}div.svelte-l0vkpd{position:relative;padding:1em .5em;font-weight:300;font-size:var(--sk-text-xs);color:var(--sk-text-2)}a.svelte-l0vkpd{display:block;padding:.7em 0;text-align:center;opacity:.75;color:var(--sk-text-2)}a.svelte-l0vkpd:hover{opacity:1}a.disabled.svelte-l0vkpd,a.disabled.svelte-l0vkpd:hover,a.disabled.svelte-l0vkpd:active{color:#fff;opacity:.3}span.svelte-l0vkpd{white-space:nowrap;position:relative;top:.1em}strong.svelte-l0vkpd{opacity:.7}select.svelte-l0vkpd{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.0001;cursor:pointer;appearance:none}.tutorial-outer.svelte-28bdi3.svelte-28bdi3{position:relative;height:calc(100vh - var(--sk-nav-height));overflow:hidden;padding:0 0 42px;box-sizing:border-box}.viewport.svelte-28bdi3.svelte-28bdi3{display:grid;width:300%;height:100%;grid-template-columns:33.333% 66.666%;transition:transform .3s;grid-auto-rows:100%}.offset-1.svelte-28bdi3.svelte-28bdi3{transform:translate(-33.333%)}.offset-2.svelte-28bdi3.svelte-28bdi3{transform:translate(-66.666%)}@media (min-width: 768px){.tutorial-outer.svelte-28bdi3.svelte-28bdi3{padding:0}.viewport.svelte-28bdi3.svelte-28bdi3{width:100%;height:100%;display:grid;grid-template-columns:minmax(33.333%,48rem) auto;grid-auto-rows:100%;transition:none}.offset-1.svelte-28bdi3.svelte-28bdi3,.offset-2.svelte-28bdi3.svelte-28bdi3{transform:none}}.tutorial-text.svelte-28bdi3.svelte-28bdi3{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--sk-back-4);background-color:var(--sk-back-3);color:var(--sk-text-2)}.chapter-markup.svelte-28bdi3.svelte-28bdi3{padding:3.2rem 4rem;overflow:auto;flex:1;height:0}.chapter-markup.svelte-28bdi3 h2{margin:4rem 0 1.6rem;font-size:var(--sk-text-m);line-height:1;font-weight:400;color:var(--sk-text-2)}.chapter-markup.svelte-28bdi3 h2:first-child{margin-top:.4rem}.chapter-markup.svelte-28bdi3 a{transition:color .2s;text-decoration:underline;color:var(--sk-text-2)}.chapter-markup.svelte-28bdi3 a:hover{color:var(--sk-text-1)}.chapter-markup.svelte-28bdi3 ul{padding:0 0 0 2em}.chapter-markup.svelte-28bdi3 blockquote{background-color:#0000002b;color:var(--sk-text-2)}.chapter-markup.svelte-28bdi3.svelte-28bdi3::-webkit-scrollbar{background-color:var(--sk-theme-2);width:8px}.chapter-markup.svelte-28bdi3.svelte-28bdi3::-webkit-scrollbar-thumb{background-color:var(--sk-scrollbar);border-radius:1em}.chapter-markup.svelte-28bdi3 p>code,.chapter-markup.svelte-28bdi3 ul code{color:var(--sk-code-base);background:var(--sk-code-bg);padding:.2em .4em .3em;white-space:nowrap;position:relative;top:-.1em}.chapter-markup.svelte-28bdi3 code{margin:0 .2rem;top:-.1rem;background:var(--sk-back-4)}.chapter-markup.svelte-28bdi3 pre code{padding:0;margin:0;top:0;background:transparent}.chapter-markup.svelte-28bdi3 pre{margin:0 0 2rem;width:100%;max-width:var(--sk-line-max-width);padding:1rem;box-shadow:inset 1px 1px 6px #1d56800f;border-radius:.5rem;--shiki-color-background:var(--sk-back-1)}.controls.svelte-28bdi3.svelte-28bdi3{border-top:1px solid rgba(255,255,255,.15);padding:1em 0 0;display:flex;align-items:center}.show.svelte-28bdi3.svelte-28bdi3{background:var(--sk-theme-1);padding:.3em .7em;border-radius:var(--sk-border-radius);top:.1em;position:relative;font-size:var(--sk-text-s);font-weight:300;color:#ffffffb3}.show.svelte-28bdi3.svelte-28bdi3:hover{color:#fff}a.next.svelte-28bdi3.svelte-28bdi3{padding-right:1.2em;background-size:1em 1em;margin-left:auto}.improve-chapter.svelte-28bdi3.svelte-28bdi3{padding:1em 0 .5em}.improve-chapter.svelte-28bdi3 a.svelte-28bdi3{color:var(--sk-text-2);font-size:14px;text-decoration:none;opacity:.6;padding:0 .1em 0 1.2em}.improve-chapter.svelte-28bdi3 a.svelte-28bdi3:before{content:"";position:absolute;top:0;left:0;height:100%;width:1em;background:no-repeat 0 50% url(../../../icons/edit.svg);background-size:1em 1em}@media (prefers-color-scheme: light){.improve-chapter.svelte-28bdi3 a.svelte-28bdi3:before{filter:invert(1)}}.improve-chapter.svelte-28bdi3 a.svelte-28bdi3:hover{opacity:1}