:root{--c-accent: #646cff;--c-text: #cccccc;--c-text-accent: #cccccc;--c-text-inact: #888888;--c-text-el: #cccccc;--c-text-el-inact: #a0a0a0;--c-border: #404040;--c-element-border: #555555;--c-element: #333333;--c-bg: #242424;--c-success: #44ff00;--c-failure: #ff0000;--c-warning: #ff8800;--rounding: 8px;--transition-speed: .25s}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:18px;color-scheme:dark light;color:var(--c-text);background-color:var(--c-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;place-items:center;padding:10px}a{font-weight:500;color:var(--c-accent);text-decoration:inherit}a:hover{text-decoration:underline}h1{font-size:3.2em;line-height:1.1}h3{margin-top:5px}code,pre{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{background-color:var(--c-bg);color:var(--c-text);border:2px solid var(--c-border);border-radius:var(--rounding);transition:border-color var(--transition-speed);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit}input:hover,input:focus,input:active,input:focus-visible,input:focus-within{border-color:var(--c-accent);outline:none}label{display:block}.inactive{color:var(--c-text-inact)}.element .inactive{color:var(--c-text-el-inact)}div.container,div.element{display:inline-block;border-radius:var(--rounding);border:2px solid transparent;padding:10px}div.element{background:var(--c-element);color:var(--c-text-el)}div.container{border-color:var(--c-border)}div.element.bordered{border-color:var(--c-element-border)}.element .bordered{border:2px solid var(--c-element-border);border-radius:var(--rounding);padding:5px 10px}.element input,.element button{border-color:var(--c-element-border)}.element input:hover,.element input:active,.element input:focus,.element input:focus-within,.element input:focus-visible,.element button:hover{border-color:var(--c-accent)}button{border-radius:var(--rounding);border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--c-element);cursor:pointer;transition-duration:var(--transition-speed);transition-property:border-color,color;color:var(--c-text-el)}button:hover{border-color:var(--c-accent)}button:focus,button:focus-visible{outline:none}button.hollow{border:2px solid var(--c-border);background-color:var(--c-bg);color:var(--c-text)}button.hollow:hover{border-color:var(--c-accent)}button.active{background-color:var(--c-accent);border-color:var(--c-accent);color:var(--c-text-accent)}button.active:hover{border-color:var(--c-accent) var(--c-element-border) var(--c-accent) var(--c-element-border);color:var(--c-bg);transition-duration:var(--transition-speed)}button.active.left:hover{border-color:var(--c-accent) var(--c-element-border) var(--c-accent) var(--c-accent)}button.active.right:hover{border-color:var(--c-accent) var(--c-accent) var(--c-accent) var(--c-element-border)}button:active{color:var(--c-accent)}.buttonrow{display:flex;text-align:center}.rowbutton{border-radius:0}.rowbutton.left{border-radius:var(--rounding) 0 0 var(--rounding)}.rowbutton.right{border-radius:0 var(--rounding) var(--rounding) 0}svg{flex-shrink:0}#root{width:100%}.app{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:50px}textarea{border:2px solid var(--c-border);border-radius:var(--rounding);padding:10px;font-size:20px;transition-duration:var(--transition-speed);width:min(400px,85vw);height:300px;margin:10px;font-family:inherit;resize:none;background-color:var(--c-bg)}textarea:hover,textarea:active,textarea:focus,textarea:focus-within,textarea:focus-visible{border-color:var(--c-accent);outline:none}h2{color:var(--c-accent);margin:0 0 10px;font-size:24px}#info-icon{color:var(--c-text-inact);width:30px;height:30px}#button-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.setting-box{font-size:18px;width:min(424px,85vw - 20px);margin:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.fullscreen-popup{display:none;position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:#0005;padding:50px 20px;justify-content:center;z-index:1000;box-sizing:border-box}.fullscreen-popup.show{display:flex}.fullscreen-popup .content{background-color:var(--c-element);border-radius:var(--rounding);max-width:800px;color:var(--c-text-el);position:relative}.fullscreen-popup .content h1,.fullscreen-popup .content h2,.fullscreen-popup .content h3{color:var(--c-text-el);text-align:center}.fullscreen-popup .content h1{color:var(--c-accent);font-size:28px}.fullscreen-popup .content h3{font-size:20px;margin:0;text-align:left}.fullscreen-popup .content button{display:block;margin:auto}.fullscreen-popup .content #helpmenu-tldr{text-align:center}#charmap-table th{padding-top:10px;text-align:left}#charmap-table td,#charmap-table th{padding-right:30px}button.close-button{position:absolute;left:10px;top:10px}