body{margin:0;display:flex;align-items:flex-start;justify-content:center;min-height:100vh;position:inherit}.mainPage{text-align:left}.header{font-weight:5px;font-size:small;text-align:center}.features{display:block;margin-right:auto}.function{display:flex;justify-content:space-evenly}.note{color:#ff4b4b;width:380px;font-size:small;padding-top:0%;margin-top:6px;margin-bottom:6px;padding-left:10px;padding-right:10px}a,a:active{color:#000;background-color:transparent;text-decoration:none}a[tabindex]:focus{color:#000;background-color:transparent;text-decoration:none}.slideBar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:800px;height:5px;background:#31333f1a;outline:none;-webkit-transition:.2s;transition:opacity .2s;font-size:14px;border-radius:2.5px}.slideBar::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#ff4b4b;border-radius:50%;cursor:pointer}.slider{display:block;width:100%}.boundary{display:flex;width:100%;margin-top:0%}.valueLeft{margin-left:0;margin-right:auto;margin-top:-5px}.valueRight{margin-left:auto;margin-right:0;margin-top:-5px}.Input{display:flex;flex-direction:column;width:380px;padding:5px 10px}.InputField{height:35px;border-radius:8px;background-color:#31333f14;border:transparent;font-size:15px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:50%;padding-inline-start:8px;padding-inline-end:8px}.InputField:focus{outline-color:transparent;border-color:#181818}.button{width:fit-content;margin-top:10px;margin-bottom:10px;border-color:#31333f4d;background-color:transparent}.text{margin-top:8px;margin-bottom:5px}.output{max-width:380px;word-wrap:break-word;border-radius:8px;border-color:#181818;margin-left:10px}.output-box{width:380px;height:150px;max-height:150px;overflow-y:auto;border:1px solid rgb(24,24,24);margin-top:-4px;margin-left:10px;margin-right:10px;border-radius:8px;background-color:#31333f14;border:transparent;font-size:15px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:50%}.output{margin:0;padding:8px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:2;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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;border-color:#18181880;cursor:pointer;transition:border-color .25s}button:hover{border-color:#181818}@media (prefers-color-scheme: light){:root{color:#191919;background-color:#fff}button{background-color:#f9f9f9}}