h3.svelte-nujmiu{font-size:1.2675rem;margin-top:27px;margin-bottom:0}section.svelte-nujmiu{padding:35px 15px 0}.button.svelte-nujmiu{border-radius:0;box-shadow:12px 12px 0 0 var(--pink-color);line-height:25px;padding-right:50px;position:relative}.button.svelte-nujmiu:after{content:"";width:12px;background-color:var(--red-color);height:2px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.button.svelte-nujmiu:before{content:"";width:2px;background-color:var(--red-color);height:12px;position:absolute;right:25px;top:50%;transform:rotate(0) translateY(-50%);transform-origin:50% 0px;transition:all .4s ease}.button[aria-expanded=true].svelte-nujmiu:before{transform:rotate(90deg) translateY(-6px)}.button.svelte-nujmiu:hover{transform:translate(3px,3px);box-shadow:6px 6px 0 0 var(--pink-color)!important}.button.svelte-nujmiu:active{transform:translate(6px,6px);box-shadow:3px 3px 0 0 var(--pink-color)!important}@media (max-width: 768px){.button.svelte-nujmiu{text-align:left}}.codemirror-wrapper.svelte-kcx0g9 .cm-focused{outline:none}.scm-waiting.svelte-kcx0g9{position:relative}.scm-waiting__loading.svelte-kcx0g9{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#ffffff80}.scm-loading.svelte-kcx0g9{display:flex;align-items:center;justify-content:center}.scm-loading__spinner.svelte-kcx0g9{width:1rem;height:1rem;border-radius:100%;border:solid 2px #000;border-top-color:transparent;margin-right:.75rem;animation:svelte-kcx0g9-spin 1s linear infinite}.scm-loading__text.svelte-kcx0g9{font-family:sans-serif}.scm-pre.svelte-kcx0g9{font-size:.85rem;font-family:monospace;tab-size:2;-moz-tab-size:2;resize:none;pointer-events:none;user-select:none;overflow:auto}@keyframes svelte-kcx0g9-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;align-items:center;padding-bottom:0}.container.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.code-editor.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:relative;z-index:1}.ribbon.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:absolute;z-index:-1;top:-139px;left:980px;height:1029px}h1.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{font-size:5rem;line-height:76px;margin-top:0;margin-bottom:40px;padding-right:431px}h1.svelte-7bsmc8 span.svelte-7bsmc8.svelte-7bsmc8{text-shadow:-1px -1px 0 var(--black-color),1px -1px 0 var(--black-color),-1px 1px 0 var(--black-color),1px 1px 0 var(--black-color);color:#fff;font-size:5.3rem}.features-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-inline:auto;max-width:903px;padding-right:115px}.features-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8{font-size:1.3rem;margin-bottom:10px}.features-section.svelte-7bsmc8 ul.svelte-7bsmc8.svelte-7bsmc8{padding-left:23px;margin-top:10px;margin-bottom:0}.features-section.svelte-7bsmc8 li.svelte-7bsmc8.svelte-7bsmc8{list-style:circle;line-height:24px}.code-input-controls.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-top:50px;margin-bottom:30px}.code-input-controls.svelte-7bsmc8 .buttons.svelte-7bsmc8.svelte-7bsmc8{display:flex}.code-input-controls.svelte-7bsmc8 .button.svelte-7bsmc8.svelte-7bsmc8{height:50px}.gist-message.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{height:100%;display:flex;align-items:center;padding:1rem;border-bottom:2px solid white;color:var(--clay-color);background-color:#282c34;box-shadow:12px 12px #fff}.gist-message.svelte-7bsmc8+.editor-wrapper.svelte-7bsmc8.svelte-7bsmc8:before{content:"";position:absolute;inset:0;background-color:#ffffff1a;z-index:1;pointer-events:none}.editor-wrapper.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{min-height:200px;position:relative;z-index:1}.codemirror-wrapper{box-shadow:12px 12px #fff}.cm-scroller{min-height:200px}.error-message.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{height:100%;display:flex;align-items:center;padding:1rem;color:var(--dark-red-color);background-color:pink;box-shadow:12px 12px #fff;position:relative;z-index:2}.code-output-controls.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;flex-wrap:wrap;position:relative}.inline-field-group.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;align-items:center;margin-left:auto;order:2}.inline-field-group.svelte-7bsmc8 #name.svelte-7bsmc8.svelte-7bsmc8{min-width:167px}.button.button-toggle-code{margin-left:0;margin-right:20px}.output-code-fields.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:calc(100% - 415px);margin:0;position:absolute;left:0;max-width:415px;bottom:0}#output.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:100%;padding:10px 65px 10px 10px;border:2px solid var(--black-color);border-radius:.25rem;display:flex;margin-top:20px;align-self:center;order:3}.button-reset.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8:hover{background-color:var(--pink-color)}.button-upload.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-left:auto}.button-upload.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.button-download.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;align-items:center}.button-download.svelte-7bsmc8 img.svelte-7bsmc8.svelte-7bsmc8{transform:rotate(180deg)}.button.button-bookmarklet.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-bottom:30px;background-color:#f78da7;line-height:20px}.button-toggle-code.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{height:50px}.button-run-code.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{height:50px;line-height:17px}.button-run-code.desktop-only.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-right:20px}.button-copy.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:absolute;cursor:pointer;right:0;color:var(--black-color);height:38.5px;top:20px;padding-inline:10px;border-top-left-radius:0;border-bottom-left-radius:0;border:2px solid var(--black-color);border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;background-color:var(--clay-color);transition:var(--global-transition)}.button-copy.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8:hover{background-color:var(--turquoise-color)}.group-bookmarklet-output.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;flex-direction:column;margin-left:auto}.faq-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8{text-align:center;margin-bottom:40px}.faq-section.svelte-7bsmc8 .faq-title.svelte-7bsmc8.svelte-7bsmc8{margin-top:0;margin-bottom:5px}.faq-section.svelte-7bsmc8 .faq-title.svelte-7bsmc8+p.svelte-7bsmc8{margin-bottom:15px}.faq-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8{margin:0}.faq-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.examples-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:relative;z-index:1}.examples-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;justify-content:center;align-items:center;text-align:center}.examples-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.examples-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8,.snippets-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.snippets-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8,.gists-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.gists-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8{max-width:635px}.examples-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.snippets-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.gists-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8{margin-block:0}.examples-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8,.snippets-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8,.gists-section.svelte-7bsmc8 p.svelte-7bsmc8.svelte-7bsmc8{margin-bottom:40px}.snippets-image.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{order:2}.examples-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:grid;grid-template-columns:auto auto;gap:30px}.examples-cta.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-cta.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-cta.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left}.examples-cta.svelte-7bsmc8 .button.svelte-7bsmc8.svelte-7bsmc8,.snippets-cta.svelte-7bsmc8 .button.svelte-7bsmc8.svelte-7bsmc8,.gists-cta.svelte-7bsmc8 .button.svelte-7bsmc8.svelte-7bsmc8{align-self:flex-start}.examples-sidebar.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-sidebar.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-sidebar.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:fixed;top:0;bottom:0;left:100%;width:16rem;visibility:hidden;overflow-y:auto;font-size:.875rem;z-index:6;color:var(--black-color);background-color:var(--clay-color);transition:var(--global-transition);backface-visibility:hidden;padding:16px 16px 60px;border-left:2px solid var(--black-color)}.examples-sidebar.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.snippets-sidebar.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8,.gists-sidebar.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8{font-size:1.3rem;margin-top:35px;margin-bottom:0}#examples-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,#snippets-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:none;position:fixed}#examples-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8:checked,#snippets-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8:checked{appearance:none}#gists-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:none;position:fixed}#gists-menu.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8:checked{appearance:none}#examples-menu.svelte-7bsmc8:checked+.examples-sidebar.svelte-7bsmc8.svelte-7bsmc8{visibility:visible}#examples-menu.svelte-7bsmc8:checked~.examples-sidebar.svelte-7bsmc8.svelte-7bsmc8{transform:translate(-16rem)}#snippets-menu.svelte-7bsmc8:checked+.snippets-sidebar.svelte-7bsmc8.svelte-7bsmc8{visibility:visible}#snippets-menu.svelte-7bsmc8:checked~.snippets-sidebar.svelte-7bsmc8.svelte-7bsmc8{transform:translate(-16rem)}#gists-menu.svelte-7bsmc8:checked+.gists-sidebar.svelte-7bsmc8.svelte-7bsmc8{visibility:visible}#gists-menu.svelte-7bsmc8:checked~.gists-sidebar.svelte-7bsmc8.svelte-7bsmc8{transform:translate(-16rem)}.example-code.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{padding:5px;width:100%;resize:vertical;margin-bottom:20px}.gists-button.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-bottom:30px}.gist-label.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:inline-block}#gist-url.svelte-7bsmc8+.error-message.svelte-7bsmc8.svelte-7bsmc8{box-shadow:none}.gist-file-select.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:100%;margin-top:30px}.mobile-only.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:none}.mobile-bookmark-instructions.svelte-7bsmc8 li.svelte-7bsmc8.svelte-7bsmc8{margin-bottom:15px}@media (max-width: 768px){.container.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:static}.ribbon.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:100%;inset:0;object-fit:cover;height:100%;top:342px;overflow:inherit}.hero.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{height:auto;text-align:left;padding-bottom:0;background-color:var(--pink-color);overflow:inherit}.hero.svelte-7bsmc8 header.svelte-7bsmc8.svelte-7bsmc8:after{content:"";background-color:var(--pink-color);z-index:-1;height:100px;width:100%;display:block;left:0;position:absolute}.features-section.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{padding-right:0}.features-section.svelte-7bsmc8 h2.svelte-7bsmc8.svelte-7bsmc8{font-size:1.1rem;margin-bottom:0}h1.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{font-size:2.4rem;line-height:46px;margin-bottom:20px;padding-right:0}h1.svelte-7bsmc8 span.svelte-7bsmc8.svelte-7bsmc8{letter-spacing:1.5px;font-size:2.7rem}.code-input-controls.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-block:20px}.code-input-controls.svelte-7bsmc8 .buttons.svelte-7bsmc8.svelte-7bsmc8{display:flex;flex-wrap:wrap}.button-create.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-top:20px}.button-reset.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{margin-right:20px}.button-upload.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:fit-content;margin-left:0;display:inline-flex;margin-top:20px;margin-right:20px}.button-download.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.button-create{margin-right:20px}.inline-field-group.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{position:relative;flex-direction:column;width:100%;margin-right:0;margin-bottom:20px;align-items:flex-start;order:1}.inline-field-group.svelte-7bsmc8 label.svelte-7bsmc8.svelte-7bsmc8{display:block;margin-bottom:3px}.inline-field-group.svelte-7bsmc8 .input.svelte-7bsmc8.svelte-7bsmc8{margin-top:0!important}.inline-field-group.svelte-7bsmc8 #name.svelte-7bsmc8.svelte-7bsmc8{min-width:inherit;width:-moz-available;width:-webkit-fill-available;width:fill-available}.button-copy.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{top:23px}.button-mobile-instructions.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{order:2;line-height:22px}.button-bookmarklet.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:none;margin-right:0}.button.button-toggle-code{order:2;margin-top:0}#output.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:100%}.mobile-bookmark-instructions.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{background-color:var(--clay-color);padding:10px 30px;border-radius:.25rem}.examples-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-content.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:block}.examples-image.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{padding-top:70px}.examples-image.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.snippets-image.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8,.gists-image.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{width:100%;height:100%}.mobile-only.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:inline-block}.desktop-only.svelte-7bsmc8.svelte-7bsmc8.svelte-7bsmc8{display:none}}