.examples-toc.svelte-36vtjx.svelte-36vtjx{overflow-y:auto;height:100%;border-right:1px solid var(--second);background-color:var(--second);color:#fff;padding:3rem 3rem 0}.examples-toc.svelte-36vtjx li.svelte-36vtjx{display:block;line-height:1.2;margin:0 0 4.8rem}.section-title.svelte-36vtjx.svelte-36vtjx{display:block;padding:0 0 .8rem;font:400 var(--h6) var(--font);text-transform:uppercase;letter-spacing:.12em;font-weight:700}div.svelte-36vtjx.svelte-36vtjx{display:flex;flex-direction:row;padding:.2rem 3rem;margin:0 -3rem}div.active.svelte-36vtjx.svelte-36vtjx{color:#fff}div.active.loading.svelte-36vtjx.svelte-36vtjx{background:rgba(0,0,0,.1) calc(100% - 3rem) 47% no-repeat url(../../../icons/loading.svg);background-size:1em 1em;color:#fff}a.svelte-36vtjx.svelte-36vtjx{display:flex;flex:1 1 auto;position:relative;color:var(--sidebar-text);border-bottom:none;font-size:1.6rem;align-items:center;justify-content:start;padding:0}a.svelte-36vtjx.svelte-36vtjx:hover{color:#fff}.repl-link.svelte-36vtjx.svelte-36vtjx{flex:0 1 auto;font-size:1.2rem;font-weight:700;margin-right:2.5rem}.thumbnail.svelte-36vtjx.svelte-36vtjx{background-color:#fff;object-fit:contain;width:5rem;height:5rem;border-radius:2px;box-shadow:1px 1px 3px #00000021;margin:.2em .5em .2em 0}.examples-container.svelte-1ghzndr{position:relative;height:calc(100vh - var(--nav-h));overflow:hidden;padding:0 0 42px;box-sizing:border-box}.viewport.svelte-1ghzndr{display:grid;width:300%;height:100%;grid-template-columns:33.333% 66.666%;transition:transform .3s;grid-auto-rows:100%}.repl-container.loading.svelte-1ghzndr{opacity:.6}.repl-container.svelte-1ghzndr .tab-content,.repl-container.svelte-1ghzndr .tab-content.visible{pointer-events:all;opacity:1}.repl-container.svelte-1ghzndr .tab-content{visibility:hidden}.repl-container.svelte-1ghzndr .tab-content.visible{visibility:visible}.offset-1.svelte-1ghzndr{transform:translate(-33.333%)}.offset-2.svelte-1ghzndr{transform:translate(-66.666%)}@media (min-width: 768px){.examples-container.svelte-1ghzndr{padding:0}.viewport.svelte-1ghzndr{width:100%;height:100%;display:grid;grid-template-columns:var(--sidebar-mid-w) auto;grid-auto-rows:100%;transition:none}.offset-1.svelte-1ghzndr,.offset-2.svelte-1ghzndr{transform:none}}