body,code{font-size:16px}button,hr{border:none}*{scrollbar-color:#9740e1 #ead9f9}body{font-family:Arial,Helvetica,sans-serif;max-width:42rem}button{background-color:#9740e1;color:#fff;padding:4px 8px}button:hover{box-shadow:0 0 0 1px #9740e1}button.success{background-color:#6bcb46}button.success:hover{box-shadow:0 0 0 1px #6bcb46}button.error{background-color:#ff8500}button.error:hover{box-shadow:0 0 0 1px #ff8500}a,summary{color:#9740e1;text-decoration:underline}a:hover,summary:hover{text-shadow:0 0 1px #9740e1;cursor:pointer}code{background-color:#ead9f9}footer{text-align:center}h1{font-size:32px}h2{font-size:24px}h3{font-size:16px}header p{margin-top:0;font-size:18px;font-style:italic}hr{height:1px;background-color:#444;margin:1em 0 0}textarea{border:1px solid #000;box-sizing:border-box;font-size:12px;padding:4px 10px;resize:vertical;min-height:60px;max-height:600px;width:100%}.row{display:flex;justify-content:space-between;align-items:center}.green{color:#6bcb46}.orange{color:#ff8500}.purple{color:#9740e1}::selection{background-color:#ffb666}#preview{overflow-wrap:break-word;width:41em}#preview li>p:not(:first-of-type){margin-left:-2em}#preview li li>p:not(:first-of-type){margin-left:-4.5em}