.lds-ring.svelte-1umncu8.svelte-1umncu8{display:inline-block;position:relative;width:80px;height:80px}.lds-ring.svelte-1umncu8 div.svelte-1umncu8{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #000;border-radius:50%;animation:svelte-1umncu8-lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 transparent transparent transparent}.lds-ring.svelte-1umncu8 div.svelte-1umncu8:nth-child(1){animation-delay:-.45s}.lds-ring.svelte-1umncu8 div.svelte-1umncu8:nth-child(2){animation-delay:-.3s}.lds-ring.svelte-1umncu8 div.svelte-1umncu8:nth-child(3){animation-delay:-.15s}@keyframes svelte-1umncu8-lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.root.svelte-1aut64.svelte-1aut64{overflow-y:hidden}.thumbnail.svelte-1aut64.svelte-1aut64{object-fit:cover;position:absolute;width:100%;height:100%;z-index:10;transform:scale(1.1);filter:blur(1em)}.thumbnail.hidden.svelte-1aut64.svelte-1aut64{opacity:0;transition:opacity .5s ease-in-out 1s;pointer-events:none}.live-embed.svelte-1aut64.svelte-1aut64{display:none;visibility:hidden;object-fit:cover;position:absolute;width:100%;height:100%;z-index:15;overflow:hidden}.live-embed.active.svelte-1aut64.svelte-1aut64{display:flex;visibility:visible;background-color:var(--background-color)}.live-embed.svelte-1aut64 iframe.svelte-1aut64{position:relative;width:100%;height:100%;opacity:1}@keyframes svelte-1aut64-fadein{0%{opacity:0}to{opacity:1}}.loading-spinner.svelte-1aut64.svelte-1aut64{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.iframe-loaded.svelte-1aut64.svelte-1aut64{background:white}h1.svelte-1gdilb7.svelte-1gdilb7{line-height:2rem}.menu.svelte-1gdilb7.svelte-1gdilb7{position:relative;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;font-size:1em}.menu.svelte-1gdilb7 .wrapper.svelte-1gdilb7{flex:1;position:relative;padding:2em}.wrapper.top.svelte-1gdilb7.svelte-1gdilb7{padding-bottom:0}.wrapper.bottom.svelte-1gdilb7.svelte-1gdilb7{padding-top:0}.related.svelte-1gdilb7.svelte-1gdilb7{display:flex;flex-direction:column;overflow-x:hidden;padding-bottom:50px}.readme.svelte-1gdilb7.svelte-1gdilb7{margin-top:2rem;padding-bottom:2em;height:fit-content;transition:all .2s ease-in-out;word-wrap:break-word;font-size:1rem}.readme.svelte-1gdilb7.svelte-1gdilb7 img{max-width:100%;border-radius:.5rem;box-shadow:0 .3rem .5rem #0000001a;transition:all .2s ease-in-out;outline:1px solid rgba(255,255,255,.2)}.readme.svelte-1gdilb7.svelte-1gdilb7 img:hover{transform:translateY(-.1rem)}.readme.svelte-1gdilb7.svelte-1gdilb7 a:has(img){text-decoration:none!important;border:none!important}.readme.svelte-1gdilb7 .author.svelte-1gdilb7{font-size:1rem;opacity:.6;margin-bottom:1rem;margin-top:-.7rem}.readme.svelte-1gdilb7 ul{padding-left:1rem}.attribution.svelte-1gdilb7.svelte-1gdilb7{font-size:.7rem;line-height:1rem;word-wrap:initial}.related.svelte-1gdilb7 .title.svelte-1gdilb7{border-top:1px solid rgba(0,0,0,.2);padding-top:1.6rem}.related_sample.svelte-1gdilb7.svelte-1gdilb7{margin-bottom:1.3rem}button.showMoreRelatedSamples.svelte-1gdilb7.svelte-1gdilb7{width:98%;margin:0 auto;margin-top:2rem}.extra-links.svelte-1gdilb7.svelte-1gdilb7{margin-top:1rem}.component-overview.svelte-1gdilb7 ul.svelte-1gdilb7{list-style:none;font-size:14px;padding:0;margin-left:-2px}.component-overview.svelte-1gdilb7 ul li.svelte-1gdilb7{display:inline-block;margin:.1rem;border-radius:8px;border:1px solid rgba(0,0,0,.2);opacity:.5;padding:.15rem .5rem}.component-overview.svelte-1gdilb7 ul li a.svelte-1gdilb7{color:#000;text-decoration:none;border:none;padding:.15rem .5rem;display:inline-block}.component-overview.svelte-1gdilb7 ul li.svelte-1gdilb7:has(a):hover{border-color:#000;border-width:1px}.component-overview.svelte-1gdilb7 ul li.svelte-1gdilb7:has(a){opacity:1;padding:0}.component-overview.svelte-1gdilb7.svelte-1gdilb7{padding-top:1.6rem;margin-top:1.6rem;border-top:1px solid rgba(0,0,0,.2)}.component-overview.svelte-1gdilb7 li.everywhere.svelte-1gdilb7{border-color:#c8d574}.component-overview.svelte-1gdilb7 li.custom-code.svelte-1gdilb7{border-color:#d1e3e8}iframe.svelte-1b18xwi{position:relative;width:100%;height:100%}.root.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{position:fixed;display:flex;flex-direction:row;align-items:stretch;top:0;left:0;bottom:0;right:0}.item.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{position:relative;display:flex;background:transparent}.item.sidebar.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{overflow-y:auto;z-index:500;max-height:100%;max-width:max(400px,min(20vw,550px));box-shadow:0 0 10px #0000001a}.item.embed.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{flex:1;align-items:stretch;justify-content:stretch;overflow:hidden}.controls.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{position:absolute;width:100vw;display:none;height:fit-content}.hidden.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{display:none}.transition.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{transition:all .3s ease-in-out}@media (width < 1000px){.root.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{flex-direction:column}.item.sidebar.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{position:fixed;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:initial;background:white}.sidebar.svelte-ssf7ti .controls.svelte-ssf7ti.svelte-ssf7ti{display:flex;align-items:end;justify-content:center;bottom:0rem;pointer-events:none;height:50px;background:linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 90%)}.sidebar.svelte-ssf7ti .controls.svelte-ssf7ti>.svelte-ssf7ti{pointer-events:all}.sidebar.hidden.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{height:0;display:inherit;overflow:hidden}.sidebar.hidden.svelte-ssf7ti .controls.svelte-ssf7ti.svelte-ssf7ti{position:fixed;top:0rem;align-items:start;background:transparent}.controls.svelte-ssf7ti button.svelte-ssf7ti.svelte-ssf7ti{background:white;color:#000;border:none;outline:none;border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;width:25%;box-shadow:0 0 50px #00000080;padding:.3rem .2rem .2rem;height:2rem}.hidden.svelte-ssf7ti .controls button.svelte-ssf7ti.svelte-ssf7ti{border-radius:1rem;border-top-left-radius:0;border-top-right-radius:0}.embed.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{margin-top:0}button.expand.svelte-ssf7ti.svelte-ssf7ti.svelte-ssf7ti{font-size:2rem;line-height:1.2rem}}