:root{font-family:Roboto,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.hidden{display:none}a{font-weight:500;color:#becd2f;text-decoration:inherit}a:hover{color:#becd2f}body{margin:0;display:flex;flex-direction:column;place-items:center;min-width:320px;min-height:100vh}header h1{font-size:55px;font-weight:500;line-height:1.3;vertical-align:middle}header img{width:233px;object-fit:contain;height:150px;margin-top:10px}section h2{font-size:69px;font-weight:700;height:126px;line-height:136px;margin:0}section{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center}button,input{border:none;outline-offset:5px;outline:3px solid black;transition:outline-width .25s;transition:outline-color .25s}button{display:inline;font-family:inherit;margin:40px 20px 43px;box-sizing:border-box;width:450px;height:66px;line-height:20px;color:#000;border-radius:80px;padding:.6em 1.2em;font-size:38px;font-weight:500;background-color:#fff;cursor:pointer}button:disabled{background-color:#d4d4d4;color:#999;outline-color:#999}input[type=text]{font-size:38px;background-color:#fff;color:#333233;padding:.3em;outline-color:#d4d4d4}input[type=radio]{appearance:none;border-radius:50%;width:22px;height:22px;outline:1px solid #999;transition:.2s all linear;margin-right:8px;border:7px solid white;position:relative;top:4px}button:hover,input:hover,input[type=text]:hover{background-color:#c1cd50}button:focus,button:focus-visible,input:focus,input:focus-visible,input:focus[type=text],input:focus-visible[type=text]{outline-width:5px;outline-color:#c1cd50}input[type=radio]:checked{border:7px solid black}input[type=radio]:disabled{border:10px solid lightgrey}#inputText{display:block;margin:.4em}section#output{overflow-x:scroll;max-width:unset;margin-left:50px;margin-right:50px;max-width:90%;scrollbar-width:none;-ms-overflow-style:none;align-items:start}section#output::-webkit-scrollbar{width:0;height:0}fieldset{border:none}fieldset div{display:flex;flex-direction:row}fieldset div legend{display:block;width:190px;font-weight:500}fieldset div label{text-align:left;width:150px;font-weight:400}label[disabled]{color:gray}#outputText{display:flex;font-size:56px;font-weight:500;position:relative;gap:40px}div.blackTypeLetter{margin-bottom:.5em;text-align:center;border-bottom:5px solid black}div.active div.blackTypeLetter{background-color:#becd2f}.brailleLetters{display:flex;flex-direction:row;gap:40px}.brailleLetter{position:relative;width:76px;height:122px}.dot{position:absolute;width:32px;height:32px;line-height:32px;text-align:center;background-color:#000;color:#fff;font-size:19.5px;font-weight:500;border-radius:20px}.nodot{position:absolute;width:10px;height:10px;background-color:#333233;border-radius:20px;border:11px solid white}.dot4,.dot5,.dot6{right:0}.dot2,.dot5{top:0;bottom:0;margin:auto 0}.dot3,.dot6{bottom:0}.dot.active{background-color:#becd2f;color:#000}.nodot.active{width:10px;height:10px;outline:5px solid #C1CD50;outline-offset:-11px}section#sending{margin-top:40px;border-bottom:3px solid #d4d4d4;margin-bottom:20px}header{border-bottom:3px solid #d4d4d4}section#languages{display:flex;flex-direction:row;justify-content:end}section#languages button{font-size:25px;width:auto;height:auto;outline-color:#d4d4d4;padding:5px}div.space div.blackTypeLetter{border-color:#d4d4d4}div.space div.nodot{background-color:#d4d4d4}@media (min-width: 1001px){header{width:100%;height:156px;display:flex;flex-direction:row;justify-content:center;gap:250px}section#settings{display:flex;flex-direction:column;margin-top:43px;border:1px solid #d4d4d4;font-size:23px;color:#333233;width:890px;height:209px;justify-content:center;align-items:start}section#sending{width:100%;max-width:100%}fieldset div label{display:block}section#output{min-height:234px}section#settings span{display:flex}#explanation{font-size:22px;max-width:800px;margin-bottom:30px}#linkShowExplanation,#linkHideExplanation{font-size:170%;margin-bottom:30px}}@media (max-width: 1000px){header h1{font-size:7vw}section h2{font-size:34px;height:80px;line-height:90px}button{width:auto;font-size:22px;height:auto;padding:.3em .6em;max-width:50vw;margin-top:20px;margin-bottom:20px}input[type=text]{font-size:20px}header img{width:80vw;max-width:300px;object-fit:contain;margin-top:10px;height:auto}header{flex-direction:column;gap:0;height:auto;padding:20px}fieldset div{display:flex;flex-direction:column;gap:.5em}section#settings{display:flex;flex-direction:column;font-size:23px;color:#333233;font-size:18px;text-align:left}section#settings span{display:block}input[type=radio]{width:12px;height:12px;top:0;border:4px solid white}input[type=radio]:checked{border:4px solid black}section#output{min-height:64px;align-items:start}#inputEmail{margin-bottom:30px}#outputText{margin-bottom:25px}#explanation{font-size:18px;margin-bottom:30px;padding-left:40px;padding-right:40px}#linkShowExplanation,#linkHideExplanation{font-size:130%;margin-bottom:20px}}