:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;display:flex;justify-content:center;align-items:center;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#ddd}a:hover{color:#747bff}button{background-color:#f9f9f9}}.colorselect{display:inline-block;border:1px #555 solid;border-radius:10px;padding:.5rem;margin-right:1em}.colorselect label{display:block}input{font-size:1rem}.answer h4{margin-top:0}.colorPreview{display:inline-block;height:40px;width:40px}.answerPreview{margin-left:1rem;height:75px;width:75px}.help{margin-top:2rem;border-top:1px #777 solid;font-size:.9rem}.answer{margin-top:2rem;display:inline-block;border:1px #555 solid;border-radius:10px;padding:1rem;background-color:#333}@media(prefers-color-scheme:light){.answer{margin-top:2rem;display:inline-block;border:1px #555 solid;border-radius:10px;padding:1rem;background-color:#eee}}