:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.playground{display:grid;align-items:flex-start}.playground .example{text-align:start;width:90%;margin:10px auto}.playground .example select{padding:5px;font-size:medium}@media (min-width: 600px){.playground{grid-template-columns:2fr 1fr}}.editor button{padding:10px;font-size:large;font-weight:700;border-radius:10px;margin:10px}.code textarea{font-size:15px;border-radius:20px}.output{padding:10px;border-radius:20px;background-color:#181616;text-align:start}.output .machine{color:#0ff}.output .decorator{color:#ff00d4;font-weight:700}.output .detail{color:#fffb00}.output .log{color:#faebd7}.output .error{color:#ee607d}.output .catch{color:#deb887}