@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=Inter:wght@400;700&display=swap";:root{--font-size: 1rem;--spacing: 2rem;--sans-serif: "Inter", sans-serif;--mono: "IBM Plex Mono", monospace;--fadeIn: fadeIn .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;color:#fff5ee;font-family:var(--sans-serif);font-size:var(--font-size);overflow:hidden}h3{position:absolute;right:20px;font-size:1rem;background-color:wheat;color:#1f1f1f;padding:.4rem .8rem;border-radius:4px}.code,.result{height:100vh;width:100%}.editor{height:100%;min-width:50vw;max-width:100vw;resize:horizontal;overflow:hidden}.result{display:flex;flex-direction:column}.output,.source{position:relative;height:50%;background-color:#1f1f1f;overflow-x:hidden}iframe{height:100%;width:100%;border:none;animation:var(--fadeIn)}.errors{padding:var(--spacing);color:tomato;animation:var(--fadeIn)}.errors xmp{max-width:80%}.source{padding:1rem var(--spacing);border-top:2px solid hsl(0 0% 10%);line-height:1.6;animation:var(--fadeIn)}pre,xmp{font-family:var(--mono);white-space:pre-wrap;word-wrap:break-word}@media (max-width: 800px){body{display:block;overflow:scroll}.code,.result{height:50vh}.editor{resize:none}.output{height:100%}.source{display:none}}.loading{display:grid;gap:1rem;place-content:center;position:absolute;inset:0;background-color:#1d262b;z-index:1}.loader{width:40px;height:40px;margin:0 auto;background-color:#fff;background:linear-gradient(to right,hsl(0 0% 100%) 10%,hsla(0 0% 100% / 0%) 42%);transform:translateZ(0);border-radius:50%;animation:spin 1.4s infinite linear}.loader:before{content:"";height:50%;width:50%;position:absolute;inset:0;background-color:#fff;border-radius:100% 0 0}.loader:after{content:"";position:absolute;inset:0;height:75%;width:75%;margin:auto;background-color:#1d262b;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}