.shuffle-button,.check-button{transition:all .4s linear;background-color:#d2d2d2}.shuffle-button,.check-button{background-color:#969696}.parson-container,.input-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.input-field{background-color:#f0f0f0;border:none;outline:none;color:#000}.language-select{background-color:#969696;border-radius:8px;border:1px solid transparent;padding:.2em .5em;margin:.3em;font-size:1em;font-weight:500;font-family:inherit}.hljs{display:block;overflow-x:auto;padding:.5em;background:#F0F0F0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:700}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#800}.hljs-title,.hljs-section{color:#800;font-weight:700}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#bc6060}.hljs-literal{color:#78a960}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.parson-list{list-style-type:none;white-space:pre;padding:0;margin:0}.parson-list li{padding:.5rem 0rem;margin:0}.parson-list li pre:hover{background-color:#ebebeb}.parson-list li pre:active{background-color:#dcdcdc}.parson-list li.dragging pre{opacity:.5}.parson-list pre{background-color:#f5f5f5;border-radius:4px;margin-top:0rem;margin-bottom:0rem;text-align:left;cursor:move}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#333;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1a1a1a}button:focus,button:focus-visible{outline:4px auto #1a1a1a}