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