svg.svelte-1cmb9l6{width:100%;height:100%}section.svelte-9rsf45{display:flex;flex-direction:column;gap:3rem}h1.svelte-9rsf45,h2.svelte-9rsf45{margin:0;text-align:center;align-self:center}h2.svelte-9rsf45{padding:1rem;margin-top:1rem}.description.svelte-9rsf45{text-align:center;margin:0}.grid-section.svelte-9rsf45{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto 1fr;width:100%}.textareas.svelte-9rsf45{height:50vh}.edit-textarea.svelte-9rsf45{justify-self:center;resize:none;margin:0;padding:2px;width:calc(100% - 8px)}.result-container.svelte-9rsf45{margin-top:0;background-color:#dcdcdc;position:relative;width:100%;overflow-y:auto;padding:3px;border-width:1px;border-style:solid;border-color:#000}.result-container.svelte-9rsf45>pre:where(.svelte-9rsf45){padding:1rem;margin:0;white-space:break-spaces}.result-container.svelte-9rsf45>pre>code:where(.svelte-9rsf45){word-break:break-all;word-wrap:break-word}.clipboard-button.svelte-9rsf45{display:none;width:35px;height:35px;position:absolute;top:10px;right:10px}.clipboard-button.svelte-9rsf45>div:where(.svelte-9rsf45){display:flex}.result-container.svelte-9rsf45:hover>.clipboard-button:where(.svelte-9rsf45){display:block}@media (min-width: 800px){h2.svelte-9rsf45{margin:0}.grid-section.svelte-9rsf45{grid-template-columns:repeat(2,1fr);grid-template-rows:min-content 80%;grid-auto-flow:column;column-gap:5rem}}