#mahdi-screen-history{background:#222;color:#f5f4f4;margin:0;height:468px;padding:0 5px;font-family:Courier New,Courier,monospace}#mahdi-screen-history>div{height:18px;float:left;clear:left;font-size:16.2px}#mahdi-screen-history>.blinker{animation:blinker 1s linear infinite;clear:none}@keyframes blinker{50%{opacity:0}}#mahdi-keyboard{padding:10px;max-width:100%;position:relative;display:grid;grid-template-columns:repeat(30,30px);grid-template-rows:repeat(5,60px);grid-gap:5px;background:#3f3f3f}#mahdi-keyboard .keyboard-key{border:1px solid rgb(119,119,119);color:#ccc;border-radius:5px;padding-top:18px;line-height:100%;grid-column:span 2;text-align:center;transition:all .1s;box-sizing:border-box}#mahdi-keyboard .keyboard-key.pressed{border:3px solid #cc00e7}#mahdi-keyboard .keyboard-key.disable{border:2px solid #505050!important;color:#505050!important}#mahdi-keyboard .keyboard-key.row-0{clear:left}#mahdi-keyboard .keyboard-key.row-0~.row-0{clear:none}#mahdi-keyboard .keyboard-key.row-1{clear:left}#mahdi-keyboard .keyboard-key.row-1~.row-1{clear:none}#mahdi-keyboard .keyboard-key.row-2{clear:left}#mahdi-keyboard .keyboard-key.row-2~.row-2{clear:none}#mahdi-keyboard .keyboard-key.row-3{clear:left}#mahdi-keyboard .keyboard-key.row-3~.row-3{clear:none}#mahdi-keyboard .keyboard-key.row-4{clear:left}#mahdi-keyboard .keyboard-key.row-4~.row-4{clear:none}#mahdi-keyboard .keyboard-key.key-backspace{grid-column:span 4}#mahdi-keyboard .keyboard-key.key-tab,#mahdi-keyboard .keyboard-key.key-backslash{grid-column:span 3}#mahdi-keyboard .keyboard-key.key-caps-lock,#mahdi-keyboard .keyboard-key.key-enter{grid-column:span 4}#mahdi-keyboard .keyboard-key.key-left-shift,#mahdi-keyboard .keyboard-key.key-right-shift{grid-column:span 5}#mahdi-keyboard .keyboard-key.key-ctrl{grid-column:span 3}#mahdi-keyboard .keyboard-key.key-command{grid-column:span 3;font-size:14px}#mahdi-keyboard .keyboard-key.key-space{grid-column:span 16}#root{margin:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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 transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}