:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-light-blue: rgba(0, 0, 255, .2);--base-radius: 4px;--section-gap: 160px;--color-background: var(--vt-c-black);--color-background-modal: rgba(255, 255, 255, .3);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-slider-thumb: white;--color-slider-disabled: rgba(255, 255, 255, .1);--color-untouched: rgba(255, 255, 255, .2);--color-text-untouched: var(--color-untouched);--color-slider-untouched: var(--color-untouched)}@media(prefers-color-scheme:light){:root{--color-background: var(--vt-c-white);--color-background-modal: rgba(0, 0, 0, .3);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-text-light: var(--vt-c-text-light-2);--color-text-dark: var(--vt-c-text-dark-2);--color-slider-thumb: rgba(150, 150, 150, 1);--color-slider-disabled: var(--vt-c-text-light-2);--color-untouched: rgba(0, 0, 80, .2);--color-text-untouched: var(--color-untouched);--color-slider-untouched: var(--color-untouched)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:1rem;font-weight:400}a{text-decoration:none;color:#6464ffe6;transition:.4s;padding:3px}@media(prefers-color-scheme:light){a{color:#00f6}}@media(hover:hover){a:hover{background-color:var(--color-light-blue)}}@media(min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr;padding:0 2rem}}.inputContainer{height:100px;margin-top:50px;margin-bottom:50px;font-size:28px;border-radius:var(--base-radius)}.inputArea{text-wrap:nowrap;width:100%;height:60px;font-size:24px;display:flex;position:relative;text-align:center;align-items:center;justify-content:center}select,p,button{font-size:24px}input[type=checkbox]{width:36px;height:36px}select{font-size:24px}select,input{width:100%;text-align:center;background-color:var(--color-background);font-size:24px;border:1px solid var(--color-text);border-radius:var(--base-radius)}label{align-items:left;text-align:left;display:inline}span.title{float:left}span.readOut{float:right}.modal-backdrop{position:fixed;z-index:100;inset:0;background-color:var(--color-background-modal);display:flex;justify-content:center;align-items:center}.modal{background:var(--vt-c-white);box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column;margin:20px}.modal-header,.modal-footer{display:flex;padding:20px 10px;margin:20px}.modal-header{position:relative;border-bottom:2px solid var(--color-text-dark);color:var(--color-text-light);font-size:20px;text-align:center}.modal-footer{border-top:2px solid var(--color-text-dark);flex-direction:column;justify-content:flex-end;text-align:center}.modal-body{position:relative;padding:20px 10px;margin:10px 50px;color:red;text-align:center}.btn-blue{color:var(--vt-c-white);background:var(--color-light-blue);border:1px solid var(--color-light-blue);border-radius:var(--base-radius);margin:20px}label.system-picker{font-size:16px}p[data-v-1908306f]{font-size:12px}.custom-slider{-webkit-appearance:none;--trackHeight: 30px;--thumbRadius: 45px;width:100%;margin:15px 10px;position:relative;border-radius:999px;z-index:0}.custom-slider input[type=range]:before{-webkit-appearance:none;content:"";position:absolute;width:var(--ProgressPercent, 100%);height:100%;pointer-events:none;border-radius:999px}.custom-slider::-webkit-slider-runnable-track{-webkit-appearance:none;height:var(--trackHeight);border-radius:999px}.custom-slider input[type=range]::-moz-range-track{-webkit-appearance:none;background:#005a3c;height:var(--trackHeight);border-radius:999px}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;position:relative;top:50%;transform:translateY(-50%);width:var(--thumbRadius);height:var(--thumbRadius);background:var(--color-slider-thumb);border-radius:999px;pointer-events:all;z-index:1}p[data-v-df7adfb4],p[data-v-79972ff9]{font-size:12px}button[data-v-79972ff9]{margin-bottom:30px;margin-top:30px;padding:10px}img.logo{max-width:100%;min-width:100%}h1[data-v-2daeb038]{font-size:72px}header[data-v-2daeb038]{line-height:1.5}footer[data-v-2daeb038]{text-align:right;margin-bottom:12px}footer>p[data-v-2daeb038]{font-size:12px}