nav.svelte-jqamdz{display:grid;align-items:center;grid-template-columns:2.5em 1fr 2.5em;border-bottom:1px solid rgba(255,255,255,.1)}div.svelte-jqamdz{position:relative;padding:1em .5em;font-weight:300;font-size:var(--h6);color:#fff}a.svelte-jqamdz{display:block;padding:.7em 0;text-align:center;opacity:.75;color:#fff}a.svelte-jqamdz:hover{opacity:1}a.disabled.svelte-jqamdz,a.disabled.svelte-jqamdz:hover,a.disabled.svelte-jqamdz:active{color:#fff;opacity:.3}span.svelte-jqamdz{white-space:nowrap;position:relative;top:.1em}strong.svelte-jqamdz{opacity:.7}select.svelte-jqamdz{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.0001;cursor:pointer;-webkit-appearance:none}.tutorial-outer.svelte-zi706u.svelte-zi706u{position:relative;height:calc(100vh - var(--nav-h));overflow:hidden;padding:0 0 42px;box-sizing:border-box}.viewport.svelte-zi706u.svelte-zi706u{display:grid;width:300%;height:100%;grid-template-columns:33.333% 66.666%;transition:transform .3s;grid-auto-rows:100%}.offset-1.svelte-zi706u.svelte-zi706u{transform:translate(-33.333%)}.offset-2.svelte-zi706u.svelte-zi706u{transform:translate(-66.666%)}@media (min-width: 768px){.tutorial-outer.svelte-zi706u.svelte-zi706u{padding:0}.viewport.svelte-zi706u.svelte-zi706u{width:100%;height:100%;display:grid;grid-template-columns:minmax(33.333%,var(--sidebar-large-w)) auto;grid-auto-rows:100%;transition:none}.offset-1.svelte-zi706u.svelte-zi706u,.offset-2.svelte-zi706u.svelte-zi706u{transform:none}}.tutorial-text.svelte-zi706u.svelte-zi706u{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--second);background-color:var(--second);color:var(--sidebar-text)}.chapter-markup.svelte-zi706u.svelte-zi706u{padding:3.2rem 4rem;overflow:auto;flex:1;height:0}.chapter-markup.svelte-zi706u h2{margin:4rem 0 1.6rem;font-size:var(--h3);line-height:1;font-weight:400;color:#fff}.chapter-markup.svelte-zi706u h2:first-child{margin-top:.4rem}.chapter-markup.svelte-zi706u a{transition:color .2s;text-decoration:underline;color:var(--sidebar-text)}.chapter-markup.svelte-zi706u a:hover{color:#fff}.chapter-markup.svelte-zi706u ul{padding:0 0 0 2em}.chapter-markup.svelte-zi706u blockquote{background-color:#0000002b;color:var(--sidebar-text)}.chapter-markup.svelte-zi706u.svelte-zi706u::-webkit-scrollbar{background-color:var(--second);width:8px}.chapter-markup.svelte-zi706u.svelte-zi706u::-webkit-scrollbar-thumb{background-color:#ffffffb3;border-radius:1em}.chapter-markup.svelte-zi706u p>code,.chapter-markup.svelte-zi706u ul code{color:var(--sidebar-text);background:rgba(0,0,0,.12);padding:.2em .4em .3em;white-space:nowrap;position:relative;top:-.1em}.controls.svelte-zi706u.svelte-zi706u{border-top:1px solid rgba(255,255,255,.15);padding:1em 0 0;display:flex;align-items:center}.show.svelte-zi706u.svelte-zi706u{background:var(--prime);padding:.3em .7em;border-radius:var(--border-r);top:.1em;position:relative;font-size:var(--h5);font-weight:300;color:#ffffffb3}.show.svelte-zi706u.svelte-zi706u:hover{color:#fff}a.next.svelte-zi706u.svelte-zi706u{padding-right:1.2em;background:no-repeat 100% 50% url(./arrow-right-d58b4dfc.svg);background-size:1em 1em;margin-left:auto}.improve-chapter.svelte-zi706u.svelte-zi706u{padding:1em 0 .5em}.improve-chapter.svelte-zi706u a.svelte-zi706u{font-size:14px;text-decoration:none;opacity:.3;padding:0 .1em 0 1.2em;background:no-repeat 0 50% url(../../../icons/edit.svg);background-size:1em 1em}.improve-chapter.svelte-zi706u a.svelte-zi706u:hover{opacity:1}